alice.pds.demo.boltless.dev
This repository has no description
1{{ define "fragments/tabSelector" }}
2 {{ $name := .Name }}
3 {{ $all := .Values }}
4 {{ $active := .Active }}
5 {{ $include := .Include }}
6 {{ $form := .Form }}
7 <div class="btn-group">
8 {{ range $index, $value := $all }}
9 {{ $isActive := eq $value.Key $active }}
10 {{ if $form }}
11 <button type="submit"
12 form="{{ $form }}"
13 name="{{ $name }}" value="{{ $value.Key }}"
14 hx-get="?{{ $name }}={{ $value.Key }}"
15 hx-include="{{ $include }}"
16 hx-push-url="true"
17 hx-target="body"
18 hx-on:htmx:config-request="if(!event.detail.parameters.q) delete event.detail.parameters.q"
19 class="btn-group-item {{ if $isActive }}active{{ end }}">
20 {{ if $value.Icon }}
21 {{ i $value.Icon "size-4" }}
22 {{ end }}
23
24 <span class="hidden sm:inline">
25 {{ with $value.Meta }}
26 {{ . }}
27 {{ end }}
28 </span>
29
30 {{ $value.Value }}
31 </button>
32 {{ else }}
33 <a href="?{{ $name }}={{ $value.Key }}"
34 {{ if $include }}
35 hx-get="?{{ $name }}={{ $value.Key }}"
36 hx-include="{{ $include }}"
37 hx-push-url="true"
38 hx-target="body"
39 hx-on:htmx:config-request="if(!event.detail.parameters.q) delete event.detail.parameters.q"
40 {{ end }}
41 class="btn-group-item {{ if $isActive }}active{{ end }}">
42 {{ if $value.Icon }}
43 {{ i $value.Icon "size-4" }}
44 {{ end }}
45
46 <span class="hidden sm:inline">
47 {{ with $value.Meta }}
48 {{ . }}
49 {{ end }}
50 </span>
51
52 {{ $value.Value }}
53 </a>
54 {{ end }}
55 {{ end }}
56 </div>
57{{ end }}