Restore the loading indicator back

Closes #3500
railsadminteam · Jun 26, 2022 · 32e6b14 · 32e6b14
1 parent c2bf6db
commit 32e6b14
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/app/views/layouts/rails_admin/application.html.erb b/app/views/layouts/rails_admin/application.html.erb
@@ -5,6 +5,9 @@
   </head>
   <body class="rails_admin">
     <div data-i18n-options="<%= I18n.t("admin.js").to_json %>" id="admin-js"></div>
+    <div class="badge bg-warning" id="loading" style="display:none; position:fixed; right:20px; bottom:20px; z-index:100000">
+      <%= t('admin.loading') %>
+    </div>
     <nav class="navbar navbar-expand-md fixed-top <%= RailsAdmin::Config.navbar_css_classes.join(' ') %>">
       <%= render "layouts/rails_admin/navigation" %>
     </nav>

diff --git a/config/locales/rails_admin.en.yml b/config/locales/rails_admin.en.yml
@@ -21,6 +21,7 @@ en:
       too_many_objects: "Too many objects, use search box above"
       no_objects: "No objects found"
       clear: Clear
+    loading: "Loading..."
     toggle_navigation: Toggle navigation
     home:
       name: "Home"

diff --git a/src/rails_admin/ui.js b/src/rails_admin/ui.js
@@ -7,6 +7,10 @@ import I18n from "./i18n";
     $("#list [name='bulk_ids[]']").prop("checked", $(this).is(":checked"));
   });
 
+  $(document).on("turbo:click", function () {
+    return $("#loading").show();
+  });
+
   $(document).on("click", "[data-bs-target]", function () {
     if (!$(this).hasClass("disabled")) {
       if ($(this).has("i.fa-chevron-down").length) {