NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-12 10:38:16 -06:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

Addressed PR comments

Browse Source
This commit is contained in:
Julio-Oliveira-Encora 2024-05-20 16:15:49 -03:00
parent 6438daa0a0
commit 8f67b9b640
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
netbox/project-static/src/search.ts
View File

@ -53,26 +53,23 @@ export function initQuickSearch(): void {
const clearbtn = document.getElementById("quicksearch_clear") as HTMLAnchorElement; const clearbtn = document.getElementById("quicksearch_clear") as HTMLAnchorElement;
if (isTruthy(quicksearch)) { if (isTruthy(quicksearch)) {
quicksearch.addEventListener("keyup", quickSearchEventHandler, { quicksearch.addEventListener("keyup", quickSearchEventHandler, {
passive: true, passive: true
}); });
quicksearch.addEventListener("search", quickSearchEventHandler, { quicksearch.addEventListener("search", quickSearchEventHandler, {
passive: true, passive: true
}); });
quicksearch.addEventListener("change", handleQuickSearchParams); quicksearch.addEventListener("change", handleQuickSearchParams);
if (isTruthy(clearbtn)) { if (isTruthy(clearbtn)) {
clearbtn.addEventListener( clearbtn.addEventListener("click", async () => {
"click", const search = new Event('search');
async () => { quicksearch.value = '';
const search = new Event("search");
quicksearch.value = "";
await new Promise(f => setTimeout(f, 100)); await new Promise(f => setTimeout(f, 100));
quicksearch.dispatchEvent(search); quicksearch.dispatchEvent(search);
}, },
{ {
passive: true, passive: true
}, })
);
} }
} }
} }

2
netbox/templates/inc/table_controls_htmx.html
View File

@ -5,7 +5,7 @@
<div class="col-auto d-print-none"> <div class="col-auto d-print-none">
<div class="input-group input-group-flat me-2 quicksearch" hx-disinherit="hx-select hx-swap"> <div class="input-group input-group-flat me-2 quicksearch" hx-disinherit="hx-select hx-swap">
<input type="search" results="5" name="q" id="quicksearch" class="form-control px-2 py-1" placeholder="Quick search" <input type="search" results="5" name="q" id="quicksearch" class="form-control px-2 py-1" placeholder="Quick search"
hx-get="{{ request.full_path }}" hx-target="#object_list" hx-trigger="keyup changed delay:500ms, search" id="quicksearch" /> hx-get="{{ request.full_path }}" hx-target="#object_list" hx-trigger="keyup changed delay:500ms, search" />
<span class="input-group-text py-1"> <span class="input-group-text py-1">
<a href="#" id="quicksearch_clear" class="invisible text-secondary"><i class="mdi mdi-close-circle"></i></a> <a href="#" id="quicksearch_clear" class="invisible text-secondary"><i class="mdi mdi-close-circle"></i></a>
</span> </span>