From d44faed29eeecc58aa8363a6df501e831805b98c Mon Sep 17 00:00:00 2001
From: si458 <simonsmith5521@gmail.com>
Date: Sun, 10 Nov 2024 17:41:22 +0000
Subject: [PATCH] fix filter input #6498 #6507

Signed-off-by: si458 <simonsmith5521@gmail.com>
---
 views/default3.handlebars | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/views/default3.handlebars b/views/default3.handlebars
index 887f936e..82479f36 100644
--- a/views/default3.handlebars
+++ b/views/default3.handlebars
@@ -448,7 +448,13 @@
                             <input type=button class="btn btn-outline-primary me-2 btn-sm" id=SelectAllButton onclick="selectallButtonFunction();" value="Select All" />
                             <input type=button class="btn btn-outline-primary me-2 btn-sm" id=GroupActionButton disabled="disabled" value="Group Action" onclick=groupActionFunction() />
                             <input type=button id=ScrollToTopButton onclick="onDevicesScroll(true);" class="btn btn-outline-primary me-2 mb-1 btn-sm" value="Scroll To Top" />
-                            <input type="text" id=SearchInput class="form-control-sm me-2 btn-sm" style="width: auto;" placeholder="Filter">
+                            <input type="text" id=SearchInput class="form-control-sm me-2 btn-sm" style="width: auto;" placeholder="Filter" onchange=onDeviceSearchChanged(event) onclick=onDeviceSearchChanged(event) onkeyup=onDeviceSearchChanged(event) onfocus=onSearchFocus(1) onblur=onSearchFocus(0) title="Filter: user:xxx or u:xxx ip:xxx group:xxx or g:xxx tag:xxx or t: xxx atag:xxx or a:xxx os:xxx amt:xxx desc:xxx wsc:ok wsc:noav wsc:noupdate wsc:nofirewall wsc:any">
+                            <span id=SearchInputClearButton style="display:none;position:relative">
+                                <span class="fa-layers fa-fw" role="button" onclick="clearDeviceSearch()" style="position:absolute;left:-25px;top:-15px">
+                                    <i class="fa-solid fa-circle" style="color:var(--bs-secondary-bg)"></i>
+                                    <i class="fa-solid fa-xmark"  style="color:var(--bs-body-color)"></i>
+                                </span>
+                            </span>
                             <select class="form-select-sm me-2" style="width: auto;" id=DevFilterSelect onchange=onOnlineCheckBox(event) title="Device Filter">
                                 <option value=0 selected>All</option>
                                 <option value=1>Online</option>
@@ -16636,7 +16642,6 @@
                     if (event.nodeid) {
                         var node = getNodeFromId(event.nodeid);
                         if (node != null) {
-                            console.log(node);
                             switch(node.icon){
                                 case 1:
                                     icon = 'fa-computer';