Add spinner at overlay level

ome · Apr 12, 2024 · 3e68b74 · 3e68b74
1 parent 12b056b
commit 3e68b74
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/omeroweb/webclient/static/webclient/javascript/ome.progress_overlay.js b/omeroweb/webclient/static/webclient/javascript/ome.progress_overlay.js
@@ -12,7 +12,7 @@
 OME.progress_overlay = function (promise, message, quiet) {
   'use strict';
   const startTime = new Date().getTime();
-  const dialog = $('<div>' + (message || 'Please wait') + '</div>')
+  const dialog = $('<div><span class="spinner"></span>&nbsp;' + (message || 'Please wait') + '</div>')
     .appendTo(document.body)
     .dialog({
       modal: true,
@@ -48,6 +48,13 @@ OME.progress_overlay = function (promise, message, quiet) {
         font-size: larger;
         display: flex;
     }
+    
+    .ome-modal-progress .spinner {
+      background-image: url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///zxKW9HU2G95hjxKW4eQmqCnr6yyuSH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOw==");
+      width: 16px;
+      height: 16px;
+      display: inline-block;
+    }
   `;
   document.head.appendChild(styleSheet);
 })();
diff --git a/omeroweb/webclient/templates/webclient/annotations/metadata_preview.html b/omeroweb/webclient/templates/webclient/annotations/metadata_preview.html
@@ -356,9 +356,7 @@
                         error: resolve,
                       });
                     }),
-                    '<img class="loader" alt="Loading" src="' +
-                    '{% static 'webgateway/img/spinner.gif' %}' +
-                    '"/>&nbsp;Saving to all...');
+                    'Saving to all...');
                 });
             }
             {% endif %}