indicator for sample search

gen-era · Jan 26, 2025 · 478060a · 478060a
1 parent 0753b06
commit 478060a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/canvas/templates/canvas/components/sample_search.html b/canvas/templates/canvas/components/sample_search.html
@@ -10,6 +10,7 @@
       hx-trigger="input changed delay:500ms, searchSamples from:document"
       hx-target="#sample-search-results"
       hx-swap="swap:200ms"
+      hx-indicator="#sample-search-results"
       hx-vals='js:{
           "page": 1,
           "institutions": getSelectedInstitutions(),

diff --git a/canvas/templates/canvas/partials/sample_results.html b/canvas/templates/canvas/partials/sample_results.html
@@ -1,3 +1,8 @@
+<span class="htmx-indicator">
+  <i class="fa-solid fa-spinner fa-spin"></i>
+  Looking for matching samples...
+</span>
+
 {% if samples.number == 1 %}
   <div style="display: flex; align-items: center; gap: 1rem;">
     <div