Addressed PR comments

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

View File

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

View File

@ -5,7 +5,7 @@
<div class="col-auto d-print-none">
<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"
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">
<a href="#" id="quicksearch_clear" class="invisible text-secondary"><i class="mdi mdi-close-circle"></i></a>
</span>