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="
17 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50
18 w-full md:w-96 p-4 rounded drop-shadow overflow-visible">
19 {{ block "addSpindleMemberPopover" . }} {{ end }}
20 </div>
21{{ end }}
22
23{{ define "addSpindleMemberPopover" }}
24<form
25 hx-post="/settings/spindles/{{ .Instance }}/add"
26 hx-indicator="#spinner"
27 hx-swap="none"
28 class="flex flex-col gap-2"
29>
30 <label for="member-did-{{ .Id }}" class="uppercase p-0">
31 ADD MEMBER
32 </label>
33 <p class="text-sm text-gray-500 dark:text-gray-400">Members can register repositories and run workflows on this spindle.</p>
34 <actor-typeahead>
35 <input
36 autocapitalize="none"
37 autocorrect="off"
38 autocomplete="off"
39 type="text"
40 id="member-did-{{ .Id }}"
41 name="member"
42 required
43 placeholder="user.tngl.sh"
44 class="w-full"
45 />
46 </actor-typeahead>
47 <div class="flex gap-2 pt-2">
48 <button
49 type="button"
50 popovertarget="add-member-{{ .Instance }}"
51 popovertargetaction="hide"
52 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"
53 >
54 {{ i "x" "size-4" }} cancel
55 </button>
56 <button type="submit" class="btn w-1/2 flex items-center">
57 <span class="inline-flex gap-2 items-center">{{ i "user-plus" "size-4" }} add</span>
58 <span id="spinner" class="group">
59 {{ i "loader-circle" "ml-2 w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
60 </span>
61 </button>
62 </div>
63 <div id="add-member-error-{{ .Id }}" class="text-red-500 dark:text-red-400"></div>
64</form>
65{{ end }}