Filtern geht schneller

v2_adminpanel/templates/licenses.html

@@ -76,7 +76,6 @@
                         </select>
                     </div>
                     <div class="col-md-3">
-                        <button type="submit" class="btn btn-primary">Filter anwenden</button>
                         <a href="/licenses" class="btn btn-outline-secondary">Zurücksetzen</a>
                     </div>
                 </div>
@@ -241,6 +240,34 @@
 
 {% block extra_js %}
 <script>
+// Live Filtering
+document.addEventListener('DOMContentLoaded', function() {
+    const filterForm = document.getElementById('filterForm');
+    const searchInput = document.getElementById('search');
+    const typeSelect = document.getElementById('type');
+    const statusSelect = document.getElementById('status');
+    
+    // Debounce timer für Suchfeld
+    let searchTimeout;
+    
+    // Live-Filter für Suchfeld (mit 300ms Verzögerung)
+    searchInput.addEventListener('input', function() {
+        clearTimeout(searchTimeout);
+        searchTimeout = setTimeout(() => {
+            filterForm.submit();
+        }, 300);
+    });
+    
+    // Live-Filter für Dropdowns (sofort)
+    typeSelect.addEventListener('change', function() {
+        filterForm.submit();
+    });
+    
+    statusSelect.addEventListener('change', function() {
+        filterForm.submit();
+    });
+});
+
 // Copy to Clipboard
 function copyToClipboard(text, button) {
     navigator.clipboard.writeText(text).then(function() {