From f1876ae28b2890d7f04d2f04754eb85199953758 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Tue, 29 Mar 2022 22:48:54 +1100
Subject: [PATCH] Add a "searching..." indicator to show progress

---
 InvenTree/templates/js/translated/search.js | 11 +++++++++++
 InvenTree/templates/search.html             |  6 ++++++
 2 files changed, 17 insertions(+)

diff --git a/InvenTree/templates/js/translated/search.js b/InvenTree/templates/js/translated/search.js
index b0d84b7992..9d03ad3588 100644
--- a/InvenTree/templates/js/translated/search.js
+++ b/InvenTree/templates/js/translated/search.js
@@ -74,6 +74,9 @@ function updateSearch() {
     });
 
     searchQueries = [];
+
+    // Show the "searching" text
+    $('#offcanvas-search').find('#search-pending').show();
     
     // Search for matching parts
     searchQueries.push(inventreeGet(
@@ -123,6 +126,11 @@ function updateSearch() {
             }
         }
     ));
+
+    // Wait until all the pending queries are completed
+    $.when.apply($, searchQueries).done(function() {
+        $('#offcanvas-search').find('#search-pending').hide();
+    });
 }
 
 
@@ -132,6 +140,9 @@ function clearSearchResults() {
     
     // Ensure the 'no results found' element is visible
     panel.find('#search-no-results').show();
+
+    // Ensure that the 'searching' element is hidden
+    panel.find('#search-pending').hide();
     
     // Delete any existing search results
     panel.find('#search-results').empty();
diff --git a/InvenTree/templates/search.html b/InvenTree/templates/search.html
index 4a3921b4a7..0ef3b90322 100644
--- a/InvenTree/templates/search.html
+++ b/InvenTree/templates/search.html
@@ -19,6 +19,12 @@
     </div>
     <div class="offcanvas-body">
       <div id="search-center">
+        <p id='search-pending' class='text-muted' display='none'>
+          <em>{% trans "Searching" %}...</em>
+          <span class='float-right'>
+            <span class='fas fa-spinner fa-spin'></span>
+          </span>
+        </p>
         <p id='search-no-results' class='text-muted'>
           <em>{% trans "No search results" %}</em>
         </p>