Use the bootstrap style spinner when loading

bestpractical · Dec 17, 2024 · 75497eb · 75497eb
1 parent ece741a
commit 75497eb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/share/static/js/autocomplete.js b/share/static/js/autocomplete.js
@@ -115,6 +115,9 @@ window.RT.Autocomplete.bind = function(from) {
                     render: {
                         option_create: function(data, escape) {
                             return '<div class="create"><strong>' + escape(data.input) + '</strong></div>';
+                        },
+                        loading: function(data,escape) {
+                            return '<div class="spinner-border spinner-border-sm ms-3"></div>';
                         }
                     },
                     load: function(query, callback) {

diff --git a/share/static/js/util.js b/share/static/js/util.js
@@ -362,6 +362,11 @@ function textToHTML(value) {
 function initializeSelectElement(elt) {
     let settings = {
         allowEmptyOption: true,
+        render: {
+            loading: function(data,escape) {
+                return '<div class="spinner-border spinner-border-sm ms-3"></div>';
+            }
+        }
     };
 
     if ( elt.options && elt.options.length < RT.Config.SelectLiveSearchLimit ) {