POS search improvements: clear button, 600ms debounce, empty screen on clear

2025-11-17 16:34:40 +03:00
parent 4c66a6f8f4
commit 99be95aab1
2 changed files with 34 additions and 3 deletions
--- a/myproject/pos/templates/pos/terminal.html
+++ b/myproject/pos/templates/pos/terminal.html
@@ -15,7 +15,12 @@
    <div class="col-md-8" style="display: flex; flex-direction: column; height: 100%;">
      <!-- Search Box -->
      <div class="mb-3">
-        <input type="text" class="form-control" id="searchInput" placeholder="Поиск по товарам...">
+        <div class="input-group">
+          <input type="text" class="form-control" id="searchInput" placeholder="Поиск по товарам...">
+          <button class="btn btn-outline-secondary" type="button" id="clearSearchBtn" style="display: none;">
+            <i class="bi bi-x-lg"></i>
+          </button>
+        </div>
      </div>
      
      <!-- Categories -->