Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-29 17:15:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Suche: HTMX + Webseite

Browse Source
This commit is contained in:
Simon Martens
2025-02-18 00:33:30 +01:00
parent fd2fa157b2
commit 7aac147686
18 changed files with 348 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
views/layouts/components/_menu.gohtml
View File

@@ -1,6 +1,15 @@
<div class="flex flex-row justify-center mt-8">
<div class="w-6/12">
<input type="search" placeholder="Suche" class="px-2.5 py-1.5 border w-full" />
<input
type="search"
name="q"
id="search"
placeholder="Suche"
class="px-2.5 py-1.5 border w-full"
hx-get="/suche/?noCache=true"
hx-trigger="input changed delay:200ms, keyup[key=='Enter']"
hx-select="main"
hx-target="main" />
</div>
<div x-data="{ open: false }">
@@ -28,3 +37,15 @@
</div>
</div>
</div>
<script>
document.body.addEventListener("htmx:configRequest", function (event) {
console.log("Before request event triggered");
let t = event.detail.elt; // Get the element triggering the request
if (t.id === "search" && t.value === "") {
event.detail.parameters = {};
event.detail.path = window.location.pathname + window.location.search;
}
});
</script>