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 spindle"
5 popovertarget="add-member-{{ .Id }}"
6 popovertargetaction="toggle">
7 {{ i "user-plus" "w-5 h-5" }}
8 <span class="hidden md:inline">add member</span>
9 {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
10 </button>
11
12 <div
13 id="add-member-{{ .Id }}"
14 popover
15 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">
16 {{ block "addKnotMemberPopover" . }}{{ end }}
17 </div>
18{{ end }}
19
20{{ define "addKnotMemberPopover" }}
21 <form
22 hx-put="/knots/{{ .Domain }}/member"
23 hx-indicator="#spinner"
24 hx-swap="none"
25 class="flex flex-col gap-2">
26 <label for="member-did-{{ .Id }}" class="uppercase p-0">ADD MEMBER</label>
27 <p class="text-sm text-gray-500 dark:text-gray-400">
28 Members can create repositories on this knot.
29 </p>
30 <input
31 type="text"
32 id="member-did-{{ .Id }}"
33 name="subject"
34 required
35 placeholder="@foo.bsky.social" />
36 <div class="flex gap-2 pt-2">
37 <button
38 type="button"
39 popovertarget="add-member-{{ .Id }}"
40 popovertargetaction="hide"
41 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">
42 {{ i "x" "size-4" }} cancel
43 </button>
44 <button type="submit" class="btn w-1/2 flex items-center">
45 <span class="inline-flex gap-2 items-center">
46 {{ i "user-plus" "size-4" }} add
47 </span>
48 <span id="spinner" class="group">
49 {{ i "loader-circle" "ml-2 w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
50 </span>
51 </button>
52 </div>
53 <div
54 id="add-member-error-{{ .Id }}"
55 class="text-red-500 dark:text-red-400"></div>
56 </form>
57{{ end }}