FTS5-Suche

views/routes/suche/components/searchboxsimple.gohtml

@@ -0,0 +1,45 @@
+{{ $model := index . 0 }}
+{{ $extendable := index . 1 }}
+
+
+<label for="q" class="hidden">Suchbegriffe</label>
+<input
+	{{ if $model.q }}value="{{ $model.q }}"{{- end -}}
+	type="search"
+	name="q"
+	autofocus="true"
+	minlength="3"
+	required
+	placeholder="Suchbegriff (min. 3 Zeichen)"
+	class="w-full col-span-8
+			placeholder:italic" />
+<button id="submitbutton" type="submit" class="col-span-2">Suchen</button>
+
+{{ if $extendable }}
+	<a
+		href="/suche/{{ $model.type }}?extended=true"
+		class="whitespace-nowrap self-end block col-span-2">
+		<i class="ri-arrow-right-long-line"></i> Erweiterte Suche
+	</a>
+{{ end }}
+
+
+<script type="module">
+	const form = document.getElementById("searchform");
+	const submitBtn = document.getElementById("submitbutton");
+
+	function checkValidity() {
+		if (form.checkValidity()) {
+			submitBtn.disabled = false;
+		} else {
+			submitBtn.disabled = true;
+		}
+	}
+
+	checkValidity();
+	if (form && submitBtn) {
+		form.addEventListener("input", (event) => {
+			checkValidity();
+		});
+	}
+</script>