this repo has no description
tangled.org
1{{ define "spindles/fragments/addMemberModal" }}
2 <button
3 class="btn gap-2 group"
4 title="Add member to this spindle"
5 popovertarget="add-member-{{ .Instance }}"
6 popovertargetaction="toggle"
7 >
8 {{ i "user-plus" "w-5 h-5" }}
9 <span class="hidden md:inline">add member</span>
10 {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
11 </button>
12
13 <div
14 id="add-member-{{ .Instance }}"
15 popover
16 class="bg-white w-full md:w-96 dark:bg-gray-800 p-4 rounded border border-gray-200 dark:border-gray-700 drop-shadow dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50">
17 {{ block "addSpindleMemberPopover" . }} {{ end }}
18 </div>
19{{ end }}
20
21{{ define "addSpindleMemberPopover" }}
22<form
23 hx-post="/spindles/{{ .Instance }}/add"
24 hx-indicator="#spinner"
25 hx-swap="none"
26 class="flex flex-col gap-2"
27>
28 <label for="member-did-{{ .Id }}" class="uppercase p-0">
29 ADD MEMBER
30 </label>
31 <p class="text-sm text-gray-500 dark:text-gray-400">Members can register repositories and run workflows on this spindle.</p>
32 <input
33 autocapitalize="none"
34 autocorrect="off"
35 type="text"
36 id="member-did-{{ .Id }}"
37 name="member"
38 required
39 placeholder="@foo.bsky.social"
40 />
41 <div class="flex gap-2 pt-2">
42 <button
43 type="button"
44 popovertarget="add-member-{{ .Instance }}"
45 popovertargetaction="hide"
46 class="btn w-1/2 flex items-center gap-2 text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300"
47 >
48 {{ i "x" "size-4" }} cancel
49 </button>
50 <button type="submit" class="btn w-1/2 flex items-center">
51 <span class="inline-flex gap-2 items-center">{{ i "user-plus" "size-4" }} add</span>
52 <span id="spinner" class="group">
53 {{ i "loader-circle" "ml-2 w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
54 </span>
55 </button>
56 </div>
57 <div id="add-member-error-{{ .Id }}" class="text-red-500 dark:text-red-400"></div>
58</form>
59{{ end }}