this repo has no description
tangled.org
1{{ define "knots/fragments/addMemberModal" }}
2 <button
3 class="btn gap-2 group"
4 title="Add member to this knot"
5 popovertarget="add-member-{{ .Id }}"
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-{{ .Id }}"
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 "addKnotMemberPopover" . }} {{ end }}
18 </div>
19{{ end }}
20
21{{ define "addKnotMemberPopover" }}
22<form
23 hx-post="/knots/{{ .Domain }}/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 create repositories and run workflows on this knot.</p>
32 <input
33 type="text"
34 id="member-did-{{ .Id }}"
35 name="member"
36 required
37 placeholder="@foo.bsky.social"
38 />
39 <div class="flex gap-2 pt-2">
40 <button
41 type="button"
42 popovertarget="add-member-{{ .Id }}"
43 popovertargetaction="hide"
44 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"
45 >
46 {{ i "x" "size-4" }} cancel
47 </button>
48 <button type="submit" class="btn w-1/2 flex items-center">
49 <span class="inline-flex gap-2 items-center">{{ i "user-plus" "size-4" }} add</span>
50 <span id="spinner" class="group">
51 {{ i "loader-circle" "ml-2 w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
52 </span>
53 </button>
54 </div>
55 <div id="add-member-error-{{ .Id }}" class="text-red-500 dark:text-red-400"></div>
56</form>
57{{ end }}