kot.pink
1{{ define "title" }}fork · {{ .RepoInfo.FullName }}{{ end }}
2
3{{ define "content" }}
4<div class="p-6">
5 <p class="text-xl font-bold dark:text-white">Fork {{ .RepoInfo.FullName }}</p>
6</div>
7<div class="p-6 bg-white dark:bg-gray-800 drop-shadow-sm rounded">
8 <form hx-post="/{{ .RepoInfo.FullName }}/fork" class="space-y-12" hx-swap="none" hx-indicator="#spinner">
9
10 <fieldset class="space-y-3">
11 <legend for="repo_name" class="dark:text-white">Repository name</legend>
12 <input type="text" id="repo_name" name="repo_name" value="{{ .RepoInfo.Name }}"
13 class="w-full p-2 border rounded bg-gray-100 dark:bg-gray-700 dark:text-white dark:border-gray-600" />
14 </fieldset>
15
16 <fieldset class="space-y-3">
17 <legend class="dark:text-white">Select a knot to fork into</legend>
18 <div class="space-y-2">
19 <div class="flex flex-col">
20 {{ range .Knots }}
21 <div class="flex items-center">
22 <input
23 type="radio"
24 name="knot"
25 value="{{ . }}"
26 class="mr-2"
27 id="domain-{{ . }}"
28 />
29 <label for="domain-{{ . }}" class="dark:text-white">{{ . }}</label>
30 </div>
31 {{ else }}
32 <p class="dark:text-white">No knots available.</p>
33 {{ end }}
34 </div>
35 </div>
36 <p class="text-sm text-gray-500 dark:text-gray-400">A knot hosts repository data. <a href="/knots" class="underline">Learn how to register your own knot.</a></p>
37 </fieldset>
38
39 <div class="space-y-2">
40 <button type="submit" class="btn-create flex items-center gap-2">
41 {{ i "git-fork" "w-4 h-4" }}
42 fork repo
43 <span id="spinner" class="group">
44 {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
45 </span>
46 </button>
47 <div id="repo" class="error"></div>
48 </div>
49 </form>
50</div>
51{{ end }}