Append spinner when running a query to obtain optimizer preview results.

Smile-SA · Feb 1, 2018 · 3c243ef · 3c243ef
1 parent 100754f
commit 3c243ef
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/module-elasticsuite-catalog-optimizer/view/adminhtml/web/css/source/_module.less b/src/module-elasticsuite-catalog-optimizer/view/adminhtml/web/css/source/_module.less
@@ -88,6 +88,10 @@ div.optimizer-preview-fieldset {
         }
     }
 
+    .admin__data-grid-loading-mask {
+        position: fixed;
+    }
+
     .product-list {
         width: 100%;
         margin: 0 40px 0;

diff --git a/...icsuite-catalog-optimizer/view/adminhtml/web/template/form/element/optimizer-preview.html b/...icsuite-catalog-optimizer/view/adminhtml/web/template/form/element/optimizer-preview.html
@@ -8,6 +8,9 @@
 <div class="admin__fieldset">
 
     <div class="elasticsuite-optimizer-preview">
+        <div data-role="spinner" class="admin__data-grid-loading-mask" visible="loading" if="showSpinner">
+            <div class="spinner"><span repeat="8"></span></div>
+        </div>
 
         <div data-bind="if: hasProducts()">