FEATURE: Beiträge auf der Almanach-Seite filtern

This commit is contained in:
Simon Martens
2025-03-07 14:10:59 +01:00
parent f01b7aa9ad
commit 1e37649a7a
4 changed files with 161 additions and 19 deletions

View File

@@ -66,21 +66,108 @@
<div class="flex relative justify-center">
<div class="-translate-y-[50%] flex flex-col items-center">
<h2 class="relative bg-stone-50 px-5 font-bold text-3xl w-max mb-1">Inhalt</h2>
<div class="bg-stone-200 text-sm px-3 py-0.5 rounded mt-1">
<b>{{- len $model.result.Contents }}</b> erfasste Beiträge &middot;
<i class="ri-sort-number-asc"></i> Anzeige nach Reihenfolge
<div class="flex flex-row justify-center">
<div class="bg-stone-200 text-sm px-3 py-0.5 rounded mt-1">
{{- if $model.filters.Type -}}
{{- $i := len $model.result.Contents -}}
{{- if eq $i 1 -}}
<b>{{- $i }}</b> Beitrag der Kategorie <b>{{ $model.filters.Type }}</b> &middot;
{{- else -}}
<b>{{- $i }}</b> Beiträge der Kategorie <b>{{ $model.filters.Type }}</b> &middot;
{{- end -}}
{{- else if $model.filters.OnlyScans -}}
<i class="ri-image-line"></i>&nbsp;
{{- $i := len $model.result.Contents -}}
{{- if eq $i 1 -}}
<b>{{- $i }} Digitalisat &middot; </b>
{{- else -}}
<b>{{- $i }} Digitalisate &middot;</b>
{{- end -}}
{{- else -}}
{{- if eq (len $model.result.Contents) 1 -}}
<b>{{- len $model.result.Contents }}</b> erfasster Beitrag &middot;
{{- else -}}
<b>{{- len $model.result.Contents }}</b> erfasste Beiträge &middot;
{{- end -}}
{{- end -}}
<i class="ri-sort-number-asc"></i> Anzeige nach Reihenfolge
</div>
{{- if or $model.filters.Type $model.filters.OnlyScans -}}
<div class="flex flex-row items-center justify-center ml-2.5">
<div class="block bg-stone-200 text-sm px-3 py-0.5 rounded mt-1">
<i class="ri-arrow-left-long-line"></i>
<a
href="./"
hx-target="#almanachcontents"
hx-select="#almanachcontents"
hx-swap="outerHTML show:none"
hx-indicator="body">
Alle Beiträge anzeigen
</a>
</div>
</div>
{{- end -}}
</div>
</div>
</div>
<div class="flex justify-center"></div>
<div class="mt-8">
{{- range $i, $c := $model.result.Contents -}}
{{- $rels := index $model.result.ContentsAgents $c.Id -}}
{{- $coll := index $model.result.CInfoByContent $c.MusenalmID -}}
{{- if and $coll (index $coll 0) -}}
<div>
<div class="flex flex-row justify-end">
{{- if gt (len $model.result.Types) 1 -}}
<div>
<label
for="typefilter"
class="align-baseline h-min self-end pb-1 mr-1.5 text-sm font-sans text-stone-700">
Kategorie
</label>
<select
class="h-min pb-1 border-b-4 border-zinc-300 px-1.5 mr-8"
name="typefilter"
id="typefilter"
autocomplete="off"
hx-get="./"
trigger="change"
hx-indicator="body"
hx-select="#almanachcontents"
hx-target="#almanachcontents"
hx-swap="outerHTML show:none">
<option value="">Alle</option>
{{- range $i, $t := $model.result.Types -}}
<option value="{{- $t -}}" {{- if eq $model.filters.Type $t -}}selected{{- end -}}>
{{- $t -}}
</option>
{{- end -}}
</select>
</div>
{{- end -}}
{{- template "_content" Arr $c $model.result.Entry $rels $model.result.Agents -}}
{{- end -}}
{{- if and $model.result.HasScans (gt (len $model.result.Contents) 1) -}}
<div>
<label
for="onlyscans"
class="align-baseline h-min self-end pb-1 mr-1.5 text-sm font-sans text-stone-700">
Nur Digitalisate anzeigen
</label>
<input
class=""
type="checkbox"
id="onlyscans"
name="onlyscans"
autocomplete="off"
hx-get="./"
trigger="change"
hx-select="#almanachcontents"
hx-target="#almanachcontents"
hx-swap="outerHTML show:none"
hx-indicator="body"
{{ if $model.filters.OnlyScans -}}checked{{- end -}} />
</div>
{{- end -}}
</div>
<div class="mt-8">
{{- range $i, $c := $model.result.Contents -}}
{{- $rels := index $model.result.ContentsAgents $c.Id -}}
{{- template "_content" Arr $c $model.result.Entry $rels $model.result.Agents -}}
{{- end -}}
</div>
</div>
</div>
{{- end -}}

View File

@@ -1,5 +1,5 @@
{{ if and .result .result.Entry }}
<title>Musenalm &ndash; result.Entry.PreferredTitle</title>
<title>Musenalm &ndash; {{ .result.Entry.PreferredTitle -}}</title>
<meta name="description" content="Almanach: {{ .result.Entry.PreferredTitle }}" />
{{ else }}
<title>Musenalm &ndash; Almanach</title>