Search Indicators

This commit is contained in:
Simon Martens
2025-03-02 19:59:44 +01:00
parent 0ba3be1516
commit 2becab9708
10 changed files with 47 additions and 31 deletions

View File

@@ -75,6 +75,7 @@
id="simplesearchform"
class="w-full font-serif"
method="get"
hx-indicator="body"
action="/suche/baende"
autocomplete="off">
{{- if not $model.parameters.Extended -}}
@@ -212,6 +213,10 @@
<div class="container-normal" id="searchresults">
<div class="border-b border-zinc-300 flex flex-row justify-between">
<div>
<div class="inline-block">
<i class="ri-hourglass-2-fill request-indicator spinning"></i>
</div>
<div class="request-indicator">&middot;</div>
{{ if $model.parameters.Query -}}
Suche nach <b>»{{ $model.parameters.Query }}«</b> &middot;
{{- end -}}
@@ -247,6 +252,7 @@
name="sort"
id="sort"
hx-get="{{- $model.parameters.ToQueryParamsBaende -}}"
hx-indicator="body"
trigger="change"
hx-push-url="true"
hx-select="main"

View File

@@ -76,6 +76,7 @@
id="simplesearchform"
class="w-full font-serif"
method="get"
hx-indicator="body"
action="/suche/beitraege"
autocomplete="off">
{{- if not $model.parameters.Extended -}}

View File

@@ -21,6 +21,8 @@
<div class="border-b border-zinc-300 flex flex-row justify-between">
<div class="flex flex-row gap-x-2">
<div><i class="ri-hourglass-2-fill request-indicator spinning"></i></div>
<div class="request-indicator">&middot;</div>
{{ if $model.parameters.Query -}}
<div>Suche nach <b>»{{ $model.parameters.Query }}«</b></div>
<div>&middot;</div>
@@ -69,6 +71,7 @@
hx-select="#searchresults"
hx-target="#searchresults"
hx-swap="outerHTML"
hx-indicator="body"
{{ if $model.filters.OnlyScans -}}checked{{- end -}} />
<label
@@ -87,6 +90,7 @@
trigger="change"
hx-push-url="true"
hx-select="#subresults"
hx-indicator="body"
hx-target="#subresults"
hx-swap="outerHTML show:window:top">
<option

View File

@@ -1,11 +1,11 @@
{{ $extendable := . }}
<div class="col-span-6 flex flex-row text-stone-700 gap-x-2">
<div class="flex flex-row text-stone-700 gap-x-2">
<div>
<i class="ri-information-2-fill"></i>
</div>
<div class="font-sans hyphens-auto text-sm pt-1">
<div class="font-sans hyphens-auto text-sm pt-1 max-w-[48rem]">
Die Suche durchsucht ganze Datensätze nach dem Vorkommen aller eingegebenen Suchbegriffe. Felder
können oben einzeln aus der Suche ausgeschlossen werden. Auch partielle Treffer in Worten werden
angezeigt. Wörter mit weniger als drei Zeichen, Sonderzeichen &ndash; auch Satzzeichen &ndash;

View File

@@ -15,7 +15,9 @@
placeholder="Suchbegriff (min. 3 Zeichen)"
class="w-full grow
placeholder:italic font-serif placeholder:font-sans" />
<button id="submitbutton" type="submit" class="min-w-36" form="simplesearchform">Suchen</button>
<button id="submitbutton" type="submit" class="min-w-36" form="simplesearchform">
<i class="ri-hourglass-2-fill request-indicator spinning mr-1"></i>Suchen
</button>
</div>
{{ if $extendable }}