this repo has no description
tangled.org
1{{ define "title" }}
2 {{ .Tab }} settings ·
3 {{ .RepoInfo.FullName }}
4{{ end }}
5
6{{ define "repoContent" }}
7 <section class="w-full grid grid-cols-1 md:grid-cols-4 gap-2">
8 <div class="col-span-1">
9 {{ template "repo/settings/fragments/sidebar" . }}
10 </div>
11 <div class="col-span-1 md:col-span-3 flex flex-col gap-6 p-2">
12 {{ template "collaboratorSettings" . }}
13 </div>
14 </section>
15{{ end }}
16
17{{ define "collaboratorSettings" }}
18 <div class="grid grid-cols-1 gap-4 items-center">
19 <div class="col-span-1">
20 <h2 class="text-sm pb-2 uppercase font-bold">Collaborators</h2>
21 <p class="text-gray-500 dark:text-gray-400">
22 Any user added as a collaborator will be able to push commits and tags
23 to this repository, upload releases, and workflows.
24 </p>
25 </div>
26 {{ template "collaboratorsGrid" . }}
27 </div>
28{{ end }}
29
30{{ define "collaboratorsGrid" }}
31 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
32 {{ if .RepoInfo.Roles.CollaboratorInviteAllowed }}
33 {{ template "addCollaboratorButton" . }}
34 {{ end }}
35 {{ range .Collaborators }}
36 <div class="border border-gray-200 dark:border-gray-700 rounded p-4">
37 <div class="flex items-center gap-3">
38 <img
39 src="{{ fullAvatar .Handle }}"
40 alt="{{ .Handle }}"
41 class="rounded-full h-10 w-10 border border-gray-300 dark:border-gray-600 flex-shrink-0" />
42
43 <div class="flex-1 min-w-0">
44 <a href="/{{ .Handle }}" class="block truncate">
45 {{ didOrHandle .Did .Handle }}
46 </a>
47 <p class="text-sm text-gray-500 dark:text-gray-400">{{ .Role }}</p>
48 </div>
49 </div>
50 </div>
51 {{ end }}
52 </div>
53{{ end }}
54
55{{ define "addCollaboratorButton" }}
56 <button
57 class="btn block rounded p-4"
58 popovertarget="add-collaborator-modal"
59 popovertargetaction="toggle">
60 <div class="flex items-center gap-3">
61 <div
62 class="w-10 h-10 rounded-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center">
63 {{ i "user-plus" "size-4" }}
64 </div>
65
66 <div class="text-left flex-1 min-w-0 block truncate">
67 Add collaborator
68 </div>
69 </div>
70 </button>
71 <div
72 id="add-collaborator-modal"
73 popover
74 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">
75 {{ template "addCollaboratorModal" . }}
76 </div>
77{{ end }}
78
79{{ define "addCollaboratorModal" }}
80 <form
81 hx-put="/{{ $.RepoInfo.FullName }}/settings/collaborator"
82 hx-indicator="#spinner"
83 hx-swap="none"
84 class="flex flex-col gap-2">
85 <label for="add-collaborator" class="uppercase p-0">ADD COLLABORATOR</label>
86 <p class="text-sm text-gray-500 dark:text-gray-400">
87 Collaborators can push to this repository.
88 </p>
89 <input
90 type="text"
91 id="add-collaborator"
92 name="collaborator"
93 required
94 placeholder="@foo.bsky.social" />
95 <div class="flex gap-2 pt-2">
96 <button
97 type="button"
98 popovertarget="add-collaborator-modal"
99 popovertargetaction="hide"
100 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">
101 {{ i "x" "size-4" }} cancel
102 </button>
103 <button type="submit" class="btn w-1/2 flex items-center">
104 <span class="inline-flex gap-2 items-center">
105 {{ i "user-plus" "size-4" }} add
106 </span>
107 <span id="spinner" class="group">
108 {{ i "loader-circle" "ml-2 w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
109 </span>
110 </button>
111 </div>
112 <div
113 id="add-collaborator-error"
114 class="text-red-500 dark:text-red-400"></div>
115 </form>
116{{ end }}