this repo has no description
tangled.org
1{{ define "user/fragments/editPins" }}
2 {{ $profile := .Profile }}
3 <form
4 hx-post="/profile/pins"
5 hx-disabled-elt="#save-btn,#cancel-btn"
6 hx-swap="none"
7 hx-indicator="#spinner">
8 <div class="flex items-center justify-between mb-2">
9 <p class="text-sm font-bold p-2 dark:text-white">SELECT PINNED REPOS</p>
10 <div class="flex items-center gap-2">
11 <button
12 id="save-btn"
13 type="submit"
14 class="btn px-2 flex items-center gap-2 no-underline text-sm">
15 {{ i "check" "w-3 h-3" }} save
16 <span id="spinner" class="group">
17 {{ i "loader-circle" "w-3 h-3 animate-spin hidden group-[.htmx-request]:inline" }}
18 </span>
19 </button>
20 <a
21 href="/{{ .LoggedInUser.Did }}"
22 class="w-full no-underline hover:no-underline">
23 <button
24 id="cancel-btn"
25 type="button"
26 class="btn px-2 w-full flex items-center gap-2 no-underline text-sm">
27 {{ i "x" "w-3 h-3" }} cancel
28 </button>
29 </a>
30 </div>
31 </div>
32 <div
33 id="repos"
34 class="grid grid-cols-1 gap-1 mb-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700">
35 {{ range $idx, $r := .AllRepos }}
36 <div
37 class="flex items-center gap-2 text-base p-2 border-b border-gray-200 dark:border-gray-700">
38 <input
39 type="checkbox"
40 id="repo-{{ $idx }}"
41 name="pinnedRepo{{ $idx }}"
42 value="{{ .RepoAt }}"
43 {{ if .IsPinned }}checked{{ end }} />
44 <label
45 for="repo-{{ $idx }}"
46 class="my-0 py-0 normal-case font-normal w-full">
47 <div class="flex justify-between items-center w-full">
48 <span class="flex-shrink-0 overflow-hidden text-ellipsis ">
49 {{ resolve .Did }}/{{ .Name }}
50 </span>
51 <div class="flex gap-1 items-center">
52 {{ i "star" "size-4 fill-current" }}
53 <span>{{ .RepoStats.StarCount }}</span>
54 </div>
55 </div>
56 </label>
57 </div>
58 {{ end }}
59 </div>
60 </form>
61{{ end }}