this repo has no description
tangled.org
1{{ define "title" }}{{ .Registration.Domain }}{{ end }}
2
3{{ define "content" }}
4 <div class="p-6">
5 <p class="text-xl font-bold dark:text-white">{{ .Registration.Domain }}</p>
6 </div>
7
8 <div class="flex flex-col">
9 {{ block "registration-info" . }} {{ end }}
10 {{ block "members" . }} {{ end }}
11 {{ block "add-member" . }} {{ end }}
12 </div>
13{{ end }}
14
15{{ define "registration-info" }}
16<section class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-6 py-4 mb-6 w-full lg:w-fit">
17 <dl class="grid grid-cols-[auto_1fr] gap-x-4 dark:text-gray-200">
18 <dt class="font-bold">opened by</dt>
19 <dd>
20 @{{ .Registration.ByDid }}
21 {{ if eq $.LoggedInUser.Did $.Registration.ByDid }}
22 <span class="text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded ml-2">you</span>
23 {{ end }}
24 </dd>
25
26 <dt class="font-bold">opened</dt>
27 <dd>{{ .Registration.Created | timeFmt }}</dd>
28
29 {{ if .Registration.Registered }}
30 <dt class="font-bold">registered</dt>
31 <dd>{{ .Registration.Registered | timeFmt }}</dd>
32 {{ else }}
33 <dt class="font-bold">status</dt>
34 <dd class="text-yellow-800 dark:text-yellow-200 bg-yellow-100 dark:bg-yellow-900 rounded px-2 py-1 inline-block">
35 Pending Registration
36 </dd>
37 {{ end }}
38 </dl>
39
40 {{ if not .Registration.Registered }}
41 <div class="mt-4">
42 <button
43 class="btn dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600"
44 hx-post="/knots/{{.Domain}}/init"
45 hx-swap="none">
46 Initialize Registration
47 </button>
48 </div>
49 {{ end }}
50</section>
51{{ end }}
52
53{{ define "members" }}
54<h2 class="text-sm font-bold py-2 px-6 uppercase dark:text-gray-300">members</h2>
55<section class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-6 py-4 mb-6 w-full lg:w-fit">
56 {{ if .Registration.Registered }}
57 <div id="member-list" class="flex flex-col gap-4">
58 {{ range $.Members }}
59 <div class="inline-flex items-center gap-4">
60 {{ i "user" "w-3 h-3 dark:text-gray-300" }}
61 <a href="/{{.}}" class="text-gray-900 dark:text-white">{{.}}</a>
62 </div>
63 {{ else }}
64 <p class="text-gray-500 dark:text-gray-400">No members have been added yet.</p>
65 {{ end }}
66 </div>
67 {{ else }}
68 <p class="text-gray-500 dark:text-gray-400">Members can be added after registration is complete.</p>
69 {{ end }}
70</section>
71{{ end }}
72
73{{ define "add-member" }}
74{{ if $.IsOwner }}
75<h2 class="text-sm font-bold py-2 px-6 uppercase dark:text-gray-300">add member</h2>
76<section class="rounded bg-white dark:bg-gray-800 drop-shadow-sm px-6 py-4 mb-6 w-full lg:w-fit">
77 <form
78 hx-put="/knots/{{.Registration.Domain}}/member"
79 class="max-w-2xl space-y-4">
80 <input
81 type="text"
82 id="member"
83 name="member"
84 placeholder="did or handle"
85 required
86 class="w-full dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:placeholder-gray-400"/>
87
88 <button class="btn dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600" type="submit">add member</button>
89
90 <div id="add-member-error" class="error dark:text-red-400"></div>
91 </form>
92</section>
93{{ end }}
94{{ end }}