this repo has no description
tangled.org
1{{ define "fragments/star" }}
2 <button id="starBtn"
3 class="text-sm disabled:opacity-50 disabled:cursor-not-allowed"
4
5 {{ if .IsStarred }}
6 hx-delete="/star?subject={{.RepoAt}}&countHint={{.Stats.StarCount}}"
7 {{ else }}
8 hx-post="/star?subject={{.RepoAt}}&countHint={{.Stats.StarCount}}"
9 {{ end }}
10
11 hx-trigger="click"
12 hx-target="#starBtn"
13 hx-swap="outerHTML"
14 hx-disabled-elt="#starBtn"
15 >
16 <div class="flex gap-2 items-center">
17 {{ if .IsStarred }}
18 <span class="w-3 h-3 fill-current" data-lucide="star"></span>
19 {{ else }}
20 <span class="w-3 h-3" data-lucide="star"></span>
21 {{ end }}
22 <span>
23 {{ .Stats.StarCount }}
24 </span>
25 <span id="starSpinner" class="hidden">
26 loading
27 </span>
28 </div>
29 </button>
30 <script>
31 document.body.addEventListener('htmx:afterRequest', function (evt) {
32 lucide.createIcons();
33 });
34 </script>
35{{ end }}
36