alice.pds.demo.boltless.dev
This repository has no description
1{{ define "repo/fragments/reaction" }}
2 <button
3 class="flex justify-center items-center min-h-8 rounded border
4 leading-4 px-2 gap-1.5 text-sm relative group
5 {{ if eq .Count 0 }}
6 hidden
7 {{ end }}
8 {{ if .IsReacted }}
9 bg-gray-100 border-gray-300 text-gray-700
10 hover:bg-gray-200 hover:border-gray-400
11 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-100
12 dark:hover:bg-gray-600 dark:hover:border-gray-500
13 {{ else }}
14 border-gray-200 text-gray-600
15 hover:bg-gray-50 hover:border-gray-300
16 dark:border-gray-700 dark:text-gray-300
17 dark:hover:bg-gray-800 dark:hover:border-gray-600
18 {{ end }}
19 "
20 {{ if gt (length .Users) 0 }}
21 title="{{ range $i, $did := .Users }}{{ if ne $i 0 }}, {{ end }}{{ resolve $did }}{{ end }}{{ if gt .Count (length .Users) }}, and {{ sub .Count (length .Users) }} more{{ end }}"
22 {{ else }}
23 title="{{ .Kind }}"
24 {{ end }}
25 {{ if .IsReacted }}
26 hx-delete="/react?kind={{ .Kind }}&subject-uri={{ .SubjectUri | urlquery }}"
27 {{ else }}
28 hx-post="/react?kind={{ .Kind }}&subject-uri={{ .SubjectUri | urlquery }}"
29 {{ end }}
30 hx-swap="outerHTML"
31 hx-trigger="click from:(.reactBtn-{{ .CommentRkey }}-{{ .Kind }}, closest button)"
32 hx-disabled-elt="this"
33 >
34 <span class="inline group-[.htmx-request]:hidden">{{ .Kind }}</span>
35 {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
36 <span>{{ .Count }}</span>
37 </button>
38{{ end }}