From b2aa0e3dbb4ad7dfdd257cd3d341ac59dcc7479f Mon Sep 17 00:00:00 2001 From: Alejandro Sirgo Rica Date: Wed, 5 Feb 2025 14:26:02 +0100 Subject: [PATCH] client_search: hide results when the search is empty Check if the search fields are empty and clear the results if no data is provided. --- ogcp/templates/actions/client_search.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ogcp/templates/actions/client_search.html b/ogcp/templates/actions/client_search.html index 3a0bfb7..c5ad47e 100644 --- a/ogcp/templates/actions/client_search.html +++ b/ogcp/templates/actions/client_search.html @@ -56,6 +56,12 @@ const nameFilter = document.getElementById('name-filter').value.toLowerCase(); const ipFilter = document.getElementById('ip-filter').value; + // If both filters are empty, don't display any clients + if (!nameFilter && !ipFilter) { + document.getElementById('clients-container').innerHTML = ''; + return; + } + const filtered = clients.filter(client => { const matchesName = nameFilter ? client.name.toLowerCase().includes(nameFilter) : true; const matchesIP = ipFilter ? client.ip.some(ip => ip.includes(ipFilter)) : true; @@ -65,7 +71,7 @@ renderClients(filtered); } - renderClients(clients); + filterClients(); document.getElementById('search-button').addEventListener('click', filterClients); // Search on Enter key press