mirror of
https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git
synced 2025-11-04 11:45:31 +00:00
50 lines
1.8 KiB
Plaintext
50 lines
1.8 KiB
Plaintext
{{ $model := .model }}
|
|
{{ $date := .model.Datum.When }}
|
|
<!-- Header with year link left, nav buttons right -->
|
|
<div class="flex items-center justify-between mb-3 mx-3">
|
|
<a
|
|
href="/jahrgang/{{- $date.Year -}}"
|
|
class="inline-flex items-center gap-1 text-black hover:text-slate-700 text-base font-medium">
|
|
<i class="ri-calendar-line"></i>
|
|
{{ $date.Year }}
|
|
</a>
|
|
|
|
<div class="flex flex-row gap-x-1">
|
|
{{ if $model.Prev }}
|
|
<a
|
|
href="/{{- $model.Prev.Datum.When.Year -}}/{{- $model.Prev.Number.No -}}"
|
|
class="inline-flex items-center justify-center w-7 h-7 bg-slate-100 text-slate-700 rounded
|
|
hover:bg-slate-200 transition-colors no-underline font-bold">
|
|
<i class="ri-arrow-left-line text-sm"></i>
|
|
</a>
|
|
{{ end }}
|
|
|
|
{{ if $model.Next }}
|
|
<a
|
|
href="/{{- $model.Next.Datum.When.Year -}}/{{- $model.Next.Number.No -}}"
|
|
class="inline-flex items-center justify-center w-7 h-7 bg-slate-100 text-slate-700 rounded
|
|
hover:bg-slate-200 transition-colors no-underline font-bold">
|
|
<i class="ri-arrow-right-line text-sm"></i>
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Compact issue title with Inhalt header -->
|
|
<div class="border-t border-slate-200 pt-3 mb-4 mx-3">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2">
|
|
<i class="ri-file-list-3-line text-slate-600"></i>
|
|
<span class="text-lg font-bold font-serif text-slate-800">Inhalt</span>
|
|
<span class="text-slate-400">•</span>
|
|
<h1 class="text-lg font-semibold font-serif text-slate-800">
|
|
{{ $model.Number.No }} / {{ $date.Year }}
|
|
</h1>
|
|
</div>
|
|
<div class="text-base font-medium text-slate-700 bg-slate-100 px-2 py-1 rounded">
|
|
<span class="pr-1">{{ printf "%.2s" (WeekdayName $date.Weekday) }}</span>
|
|
<b>{{ $date.Day }}. {{ $date.MonthNameShort }} {{ $date.Year }}</b>
|
|
</div>
|
|
</div>
|
|
</div>
|