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

A little bit of styling on the search page

Browse Source
This commit is contained in:
Simon Martens
2025-03-02 17:13:32 +01:00
parent 038598a79a
commit 0ba3be1516
7 changed files with 60 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
views/routes/suche/baende/body.gohtml
View File

@@ -68,7 +68,9 @@
<div id="searchcontrol" class="container-normal">
{{- template "_heading" $model.parameters -}}
<div id="searchform" class="border-l border-zinc-300 px-8 py-10 relative">
{{- template "_musenalmidbox" Arr $model.parameters.AlmString "baende" -}}
{{- if not $model.parameters.Extended -}}
{{- template "_musenalmidbox" Arr $model.parameters.AlmString "beitraege" -}}
{{- end -}}
<form
id="simplesearchform"
class="w-full font-serif"

4
views/routes/suche/beitraege/body.gohtml
View File

@@ -69,7 +69,9 @@
<div id="searchcontrol" class="container-normal">
{{- template "_heading" $model.parameters -}}
<div id="searchform" class="border-l border-zinc-300 px-8 py-10 relative">
{{- template "_musenalmidbox" Arr $model.parameters.AlmString "beitraege" -}}
{{- if not $model.parameters.Extended -}}
{{- template "_musenalmidbox" Arr $model.parameters.AlmString "beitraege" -}}
{{- end -}}
<form
id="simplesearchform"
class="w-full font-serif"

6
views/routes/suche/components/_heading.gohtml
View File

@@ -2,7 +2,7 @@
<div id="searchheading" class="flex flex-row justify-between min-h-14 items-end relative">
<nav id="searchnav" class="flex flex-row items-end">
<div
class="align-bottom text-lg h-min self-end pb-0.5 italic font-bold
class="align-bottom text-xl h-min self-end pb-0.5 italic font-bold
text-zinc-800">
Suche nach:
</div>
@@ -16,13 +16,13 @@
-->
<a
href="/suche/baende"
class="block no-underline"
class="block no-underline text-xl"
{{ if eq $model.Collection "baende" }}aria-current="page"{{- end -}}
>Bänden</a
>
<a
href="/suche/beitraege"
class="block no-underline"
class="block no-underline text-xl"
{{ if eq $model.Collection "beitraege" }}aria-current="page"{{- end -}}
>Beiträgen</a
>

40
views/routes/suche/components/_musenalmidbox.gohtml
View File

@@ -1,21 +1,23 @@
{{ $p := index . 0 }}
{{ $t := index . 1 }}
<form
id="lookupform"
class="w-full font-serif grid grid-cols-12 gap-x-4 mb-4"
method="get"
action="/suche/{{- $t -}}"
autocomplete="off">
<label for="almstring" class="col-span-3 align-middle hidden">Almanach-Nummer:</label>
<input
autocomplete="off"
minlength="1"
required="true"
type="search"
name="almstring"
id="almstring"
value="{{ $p }}"
placeholder="Alm-Nummer"
class="w-full col-span-3 placeholder:italic" />
<button id="submitbutton" type="submit" class="col-span-2">Nachschlagen</button>
</form>
<div class="flex flex-row gap-x-3 max-w-[48rem]">
<form
id="lookupform"
class="w-full font-serif grid grid-cols-12 gap-x-4 mb-4"
method="get"
action="/suche/{{- $t -}}"
autocomplete="off">
<label for="almstring" class="col-span-3 align-middle hidden">Almanach-Nummer:</label>
<input
autocomplete="off"
minlength="1"
required="true"
type="search"
name="almstring"
id="almstring"
value="{{ $p }}"
placeholder="Alm-Nummer"
class="w-full col-span-3 placeholder:italic placeholder:font-sans" />
<button id="submitbutton" type="submit" class="col-span-2">Nachschlagen</button>
</form>
</div>

42
views/routes/suche/components/_searchboxsimple.gohtml
View File

@@ -3,22 +3,28 @@
{{ $q := index . 2 }}
<label for="q" class="hidden">Suchbegriffe</label>
<input
{{ if $q }}value="{{ $q }}"{{- end }}
type="search"
name="q"
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>
<div class="w-full flex flex-row gap-x-3 mb-3 justify-between" id="simplesearchbox">
<div class="flex flex-row justify-between gap-x-3 w-full">
<label for="q" class="hidden">Suchbegriffe</label>
<input
{{ if $q }}value="{{ $q }}"{{- end }}
type="search"
name="q"
minlength="3"
required
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>
</div>
{{ if $extendable }}
<a
href="/suche/{{ $parameters.Collection }}?extended=true"
class="whitespace-nowrap self-end block col-span-2">
<i class="ri-arrow-right-long-line"></i> Erweiterte Suche
</a>
{{ end }}
{{ if $extendable }}
<a
href="/suche/{{ $parameters.Collection }}?extended=true"
class="whitespace-nowrap self-end block ">
<i class="ri-arrow-right-long-line"></i> Erweiterte Suche
</a>
{{ end }}
</div>
<script></script>