this repo has no description
tangled.org
1{{ define "fragments/tabSelector" }}
2 {{ $name := .Name }}
3 {{ $all := .Values }}
4 {{ $active := .Active }}
5 {{ $include := .Include }}
6 <div class="flex justify-between divide-x divide-gray-200 dark:divide-gray-700 rounded border border-gray-200 dark:border-gray-700 overflow-hidden">
7 {{ $activeTab := "bg-white dark:bg-gray-700 shadow-sm" }}
8 {{ $inactiveTab := "bg-gray-100 dark:bg-gray-800 shadow-inner" }}
9 {{ range $index, $value := $all }}
10 {{ $isActive := eq $value.Key $active }}
11 <a href="?{{ $name }}={{ $value.Key }}"
12 {{ if $include }}
13 hx-get="?{{ $name }}={{ $value.Key }}"
14 hx-include="{{ $include }}"
15 hx-push-url="true"
16 hx-target="body"
17 hx-on:htmx:config-request="if(!event.detail.parameters.q) delete event.detail.parameters.q"
18 {{ end }}
19 class="p-2 whitespace-nowrap flex justify-center items-center gap-2 text-sm w-full block hover:no-underline text-center {{ if $isActive }} {{$activeTab }} {{ else }} {{ $inactiveTab }} {{ end }}">
20 {{ if $value.Icon }}
21 {{ i $value.Icon "size-4" }}
22 {{ end }}
23
24 {{ with $value.Meta }}
25 {{ . }}
26 {{ end }}
27
28 {{ $value.Value }}
29 </a>
30 {{ end }}
31 </div>
32{{ end }}
33