From 478060a6eb655ce05ee0e29154b4aaa0da6c74a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Salman?= <barslmn@gmail.com>
Date: Sun, 26 Jan 2025 17:10:04 +0300
Subject: [PATCH] indicator for sample search

---
 canvas/templates/canvas/components/sample_search.html | 1 +
 canvas/templates/canvas/partials/sample_results.html  | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/canvas/templates/canvas/components/sample_search.html b/canvas/templates/canvas/components/sample_search.html
index 1f0bcbe..8812273 100644
--- 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
index 1c020e0..4087744 100644
--- 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