Filtern geht schneller

v2_adminpanel/templates/customers.html

@@ -46,7 +46,7 @@
     <!-- Suchformular -->
     <div class="card mb-3">
         <div class="card-body">
-            <form method="get" action="/customers" class="row g-3 align-items-end">
+            <form method="get" action="/customers" id="customerSearchForm" class="row g-3 align-items-end">
                 <div class="col-md-10">
                     <label for="search" class="form-label">🔍 Suchen</label>
                     <input type="text" class="form-control" id="search" name="search" 
@@ -54,7 +54,7 @@
                            value="{{ search }}" autofocus>
                 </div>
                 <div class="col-md-2">
-                    <button type="submit" class="btn btn-primary w-100">Suchen</button>
+                    <a href="/customers" class="btn btn-outline-secondary w-100">Zurücksetzen</a>
                 </div>
             </form>
             {% if search %}
@@ -161,4 +161,25 @@
         </div>
     </div>
 </div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+// Live Search für Kunden
+document.addEventListener('DOMContentLoaded', function() {
+    const searchForm = document.getElementById('customerSearchForm');
+    const searchInput = document.getElementById('search');
+    
+    // Debounce timer für Suchfeld
+    let searchTimeout;
+    
+    // Live-Suche mit 300ms Verzögerung
+    searchInput.addEventListener('input', function() {
+        clearTimeout(searchTimeout);
+        searchTimeout = setTimeout(() => {
+            searchForm.submit();
+        }, 300);
+    });
+});
+</script>
 {% endblock %}