From c9c0eba15b0f7409a5a9dda064efe0d0036db2c7 Mon Sep 17 00:00:00 2001
From: Kobe <kobeamerijckx@outlook.com>
Date: Wed, 28 May 2025 09:59:40 +0200
Subject: [PATCH] convo-list separation

---
 static/js/conversations-list.js            | 26 +++++++++++++++++++
 templates/conversations/conversations.html | 29 +---------------------
 2 files changed, 27 insertions(+), 28 deletions(-)
 create mode 100644 static/js/conversations-list.js

diff --git a/static/js/conversations-list.js b/static/js/conversations-list.js
new file mode 100644
index 0000000..76da653
--- /dev/null
+++ b/static/js/conversations-list.js
@@ -0,0 +1,26 @@
+// Debounce function
+function debounce(func, wait) {
+    let timeout;
+    return function(...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => func.apply(this, args), wait);
+    };
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchInput = document.getElementById('conversationSearchInput');
+    const form = document.getElementById('conversationFilterForm');
+    if (searchInput && form) {
+        searchInput.addEventListener('input', debounce(function() {
+            form.submit();
+        }, 300));
+    }
+    // Clear button logic
+    const clearBtn = document.getElementById('clearConversationsFilter');
+    if (clearBtn && searchInput) {
+        clearBtn.addEventListener('click', function() {
+            searchInput.value = '';
+            form.submit();
+        });
+    }
+}); 
\ No newline at end of file
diff --git a/templates/conversations/conversations.html b/templates/conversations/conversations.html
index 77c2c90..fce2e44 100644
--- a/templates/conversations/conversations.html
+++ b/templates/conversations/conversations.html
@@ -122,33 +122,6 @@
 </div>
 
 {% block extra_js %}
-<script>
-// Debounce function
-function debounce(func, wait) {
-    let timeout;
-    return function(...args) {
-        clearTimeout(timeout);
-        timeout = setTimeout(() => func.apply(this, args), wait);
-    };
-}
-
-document.addEventListener('DOMContentLoaded', function() {
-    const searchInput = document.getElementById('conversationSearchInput');
-    const form = document.getElementById('conversationFilterForm');
-    if (searchInput && form) {
-        searchInput.addEventListener('input', debounce(function() {
-            form.submit();
-        }, 300));
-    }
-    // Clear button logic
-    const clearBtn = document.getElementById('clearConversationsFilter');
-    if (clearBtn && searchInput) {
-        clearBtn.addEventListener('click', function() {
-            searchInput.value = '';
-            form.submit();
-        });
-    }
-});
-</script>
+<script src="{{ url_for('static', filename='js/conversations-list.js') }}"></script>
 {% endblock %}
 {% endblock %} 
\ No newline at end of file