mirror of
https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git
synced 2025-10-30 01:25:30 +00:00
Schellfilter; bugfixes; Tagewerk; Anfang Ort Controller
This commit is contained in:
28
views/layouts/components/_head.gohtml
Normal file
28
views/layouts/components/_head.gohtml
Normal file
@@ -0,0 +1,28 @@
|
||||
<meta charset="UTF-8" />
|
||||
|
||||
{{ block "head" . }}
|
||||
<!-- Default Head elements -->
|
||||
{{ end }}
|
||||
|
||||
{{ if .isDev }}
|
||||
<link rel="icon" href="/assets/logo/dev_favicon.png" />
|
||||
{{ else }}
|
||||
<link rel="icon" href="/assets/logo/favicon.png" />
|
||||
{{ end }}
|
||||
|
||||
|
||||
<link href="/assets/css/remixicon.css" rel="stylesheet" />
|
||||
<script src="/assets/scripts.js" type="module"></script>
|
||||
<script src="/assets/js/htmx.min.js" defer></script>
|
||||
<script src="/assets/js/htmx-response-targets.js" defer></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
if (typeof htmx !== 'undefined') {
|
||||
htmx.config.scrollBehavior = 'instant';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script src="/assets/js/alpine.min.js" defer></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/fonts.css?v={{ .timestamp }}" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/style.css?v={{ .timestamp }}" />
|
||||
@@ -5,8 +5,12 @@
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<nav class="relative">
|
||||
{{ block "_menu" . }}
|
||||
{{ end }}
|
||||
</nav>
|
||||
|
||||
<!-- Filter Expansion Container -->
|
||||
<div id="filter-container" class="mt-6 hidden">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,14 @@
|
||||
<div class="flex flex-row justify-center mt-12 mb-8">
|
||||
<!-- Schnellfilter Button -->
|
||||
<div>
|
||||
<button
|
||||
id="filter-toggle"
|
||||
class="mr-2 text-lg border px-4 h-full hover:bg-slate-200 transition-colors cursor-pointer"
|
||||
title="Schnellfilter öffnen/schließen">
|
||||
<i class="ri-filter-2-line"></i> <div class="inline-block text-lg">Schnellauswahl</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="w-6/12">
|
||||
<input
|
||||
type="search"
|
||||
@@ -14,7 +24,7 @@
|
||||
|
||||
<div x-data="{ open: false }">
|
||||
<button
|
||||
class="ml-2 text-2xl border px-4 h-full"
|
||||
class="ml-2 text-2xl border px-4 h-full hover:bg-slate-200 transition-colors cursor-pointer"
|
||||
:class="open? 'open bg-slate-200' : 'closed'"
|
||||
@click="open = !open">
|
||||
<i class="ri-menu-line"></i>
|
||||
@@ -38,14 +48,3 @@
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user