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 @@ {% block extra_js %} - + {% endblock %} {% endblock %} \ No newline at end of file