Add loading message and spinner

app/assets/stylesheets/admin/orders.css.scss

@@ -91,3 +91,15 @@ th.actions {
 table.index td.actions {
   text-align: left;
 }
+
+.orders-loading {
+  margin-top: 1em;
+
+  img {
+    width: 85px;
+  }
+
+  span {
+    font-size: 1.2em;
+  }
+}

app/views/spree/admin/orders/index.html.haml

@@ -101,6 +101,14 @@
         %div{'ng-if' => 'order.pending_payments'}
           %a.icon-capture.icon_link.no-text{'ng-href' => '{{::order.capture_path}}', 'data-action' => 'capture', 'data-method' => 'put', rel: 'nofollow', 'ofn-with-tip' => t(:capture)}
 
+.orders-loading{'ng-show' => 'RequestMonitor.loading'}
+  .row
+    .small-12.columns.fullwidth.text-center
+      %img.spinner{ src: "/assets/spinning-circles.svg" }
+  .row
+    .small-12.columns.fullwidth.text-center
+      %span= t(:loading)
+
 %div{'ng-show' => "!RequestMonitor.loading && orders.length > 0" }
   = render partial: 'angular_pagination'
 

config/locales/en.yml

@@ -622,6 +622,7 @@ en:
         last: "Last"
         previous: "Previous"
         next: "Next"
+        loading: "Loading"
       invoice_email_sent: 'Invoice email has been sent'
       order_email_resent: 'Order email has been resent'
       bulk_management: