From f2d06a96364122171d489680a59b94779e7feae2 Mon Sep 17 00:00:00 2001
From: Martin Artnik <martin@scinote.net>
Date: Mon, 12 Feb 2024 12:58:57 +0100
Subject: [PATCH] Show loader when loading smart annotations [SCI-10087]

---
 app/assets/javascripts/sitewide/atwho_res.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/assets/javascripts/sitewide/atwho_res.js b/app/assets/javascripts/sitewide/atwho_res.js
index 9e3414c72..fe8cb300a 100644
--- a/app/assets/javascripts/sitewide/atwho_res.js
+++ b/app/assets/javascripts/sitewide/atwho_res.js
@@ -56,11 +56,19 @@ var SmartAnnotation = (function() {
         at: at,
         callbacks: {
           remoteFilter: function(query, callback) {
+
+            // show loader after .25 seconds
+            var loaderTimeout = setTimeout(function() {
+              $('.atwho-scroll-container').css({ height: '100px' });
+              $('.atwho-scroll-container').html('<div class="loading-overlay" style="padding: 20px"></div>');
+            }, 250);
+
             var $currentAtWho = $(`.atwho-view[data-at-who-id=${$(field).attr('data-smart-annotation')}]`);
             var filterType;
             var params = { query: query };
             filterType = FilterTypeEnum[$currentAtWho.find('.tab-pane.active').data('object-type')];
             if (!filterType) {
+              clearTimeout(loaderTimeout);
               callback([{ name: '' }]);
               return false;
             }
@@ -73,6 +81,8 @@ var SmartAnnotation = (function() {
               }
             }
             $.getJSON(filterType.dataUrl, params, function(data) {
+              clearTimeout(loaderTimeout);
+
               localStorage.setItem('smart_annotation_states/teams/' + data.team, JSON.stringify({
                 tag: filterType.tag,
                 repository: data.repository