Files
musenalm/views/routes/personen/components/searchbox.gohtml
2025-05-28 23:14:01 +02:00

60 lines
1.8 KiB
Plaintext

{{ $model := . }}
{{ $isPerson := and $model.filter (or (eq $model.filter "noorg") (eq $model.filter "musik") (eq
$model.filter "text") (eq $model.filter "graphik") (eq $model.filter "hrsg"))
}}
{{ $isOrg := and $model.filter (eq $model.filter "org") }}
<div class="ml-12 shrink-0 grow-0 mr-2.5">
<div class="min-w-[22.5rem] max-w-96 flex flex-row relative ml-auto">
<div class="">
<i class="ri-search-line"></i><i class="-ml-0.5 inline-block ri-arrow-right-s-line"></i>
</div>
<div class="pb-0 border-b-4 border-zinc-300 grow">
<form
method="GET"
hx-boost="false"
x-target="searchresults"
role="search"
aria-label="Personensuche">
{{- if $model.filter -}}
<input type="hidden" name="filter" value="{{- $model.filter -}}" />
{{- end -}}
{{- if $model.letter -}}
<input type="hidden" name="letter" value="{{- $model.letter -}}" />
{{- end -}}
<input
value="{{ $model.search }}"
placeholder="Suchbegriff"
type="search"
name="search"
class="px-1.5 font-serif placeholder:italic w-full"
aria-label="Personensuche"
x-model="search"
autocomplete="off"
@input.debounce="$el.form.requestSubmit()"
@search="$el.form.requestSubmit()"
{{ if $model.search }}disabled="true"{{ end }} />
<button x-show="false">Suchen</button>
</form>
</div>
<div id="permalink" class="font-serif ml-3 min-w-7 pb-1">
{{- if not $model.search -}}
<tool-tip position="right" x-show="search">
<a
:href="'/personen/?search=' + search"
x-show="search"
class="inline-block px-1
text-white no-underline bg-stone-700 hover:bg-stone-900 rounded"
hx-boost="false">
<i class="ri-links-line"></i
></a>
<div class="data-tip">Link zu dieser Suchanfrage</div>
</tool-tip>
{{- end -}}
</div>
</div>
</div>