50 lines
2.1 KiB
Plaintext
50 lines
2.1 KiB
Plaintext
|
<!--
|
||
|
|
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
|
||
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
||
|
|
-->
|
||
|
|
<article class="campsite_type_calendar">
|
||
|
|
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/season.Calendar*/ -}}
|
||
|
|
<header>
|
||
|
|
<h3>{{ .Year }}</h3>
|
||
|
|
<button type="button"
|
||
|
|
data-hx-get="/{{ currentLocale }}/seasons/calendar?year={{ dec .Year }}"
|
||
|
|
><span class="sr-only">{{ pgettext "Prev" "navigation" }}</span></button>
|
||
|
|
<button type="button"
|
||
|
|
data-hx-get="/{{ currentLocale }}/seasons/calendar?year={{ inc .Year }}"
|
||
|
|
><span class="sr-only">{{ pgettext "Next" "navigation" }}</span></button>
|
||
|
|
</header>
|
||
|
|
<div>
|
||
|
|
{{ range .Months -}}
|
||
|
|
<table class="month">
|
||
|
|
<caption>{{ pgettext .Name "month" }}</caption>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th scope="col">{{(pgettext "Mon" "day" )}}</th>
|
||
|
|
<th scope="col">{{(pgettext "Tue" "day" )}}</th>
|
||
|
|
<th scope="col">{{(pgettext "Wed" "day" )}}</th>
|
||
|
|
<th scope="col">{{(pgettext "Thu" "day" )}}</th>
|
||
|
|
<th scope="col">{{(pgettext "Fri" "day" )}}</th>
|
||
|
|
<th scope="col">{{(pgettext "Sat" "day" )}}</th>
|
||
|
|
<th scope="col">{{(pgettext "Sun" "day" )}}</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
{{ range .Weeks }}
|
||
|
|
<tr>
|
||
|
|
{{- range . }}
|
||
|
|
<td>
|
||
|
|
{{- if .Color -}}
|
||
|
|
<time style="--red: {{ slice .Color 1 3 | hexToDec }}; --green: {{ slice .Color 3 5 | hexToDec }}; --blue: {{ slice .Color 5 7 | hexToDec }}"
|
||
|
|
datetime="{{ .Date.Format "2006-01-02" }}"
|
||
|
|
>{{ .Date.Format "2" }}</time>
|
||
|
|
{{- end -}}
|
||
|
|
</td>
|
||
|
|
{{- end }}
|
||
|
|
</tr>
|
||
|
|
{{- end }}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
{{- end }}
|
||
|
|
</div>
|
||
|
|
</article>
|