kot.pink
1{{ define "title" }}new repo{{ end }}
2
3{{ define "content" }}
4<div class="p-6">
5 <p class="text-xl font-bold">Create a new repository</p>
6</div>
7<div class="p-6 bg-white drop-shadow-sm rounded">
8 <form hx-post="/repo/new" class="space-y-12" hx-swap="none">
9 <div class="space-y-2">
10 <label for="name" class="block uppercase font-bold text-sm">Repository name</label>
11 <input
12 type="text"
13 id="name"
14 name="name"
15 required
16 class="w-full max-w-md"
17 />
18 <p class="text-sm text-gray-500">All repositories are publicly visible.</p>
19
20 <label for="name" class="block uppercase font-bold text-sm">Default branch</label>
21 <input
22 type="text"
23 id="branch"
24 name="branch"
25 value="main"
26 required
27 class="w-full max-w-md"
28 />
29 </div>
30
31 <fieldset class="space-y-3">
32 <legend class="uppercase font-bold text-sm">Select a knot</legend>
33 <div class="space-y-2">
34 {{ range .Knots }}
35 <div>
36 <label class="inline-flex items-center">
37 <input
38 type="radio"
39 name="domain"
40 value="{{ . }}"
41 class="mr-2"
42 />
43 <span>{{ . }}</span>
44 </label>
45 </div>
46 {{ else }}
47 <p>No knots available.</p>
48 {{ end }}
49 </div>
50 <p class="text-sm text-gray-500">A knot hosts repository data. <a href="/knots" class="underline">Learn how to register your own knot.</a></p>
51 </fieldset>
52
53 <div class="space-y-2">
54 <button type="submit" class="btn">create repo</button>
55 <div id="repo" class="error"></div>
56 </div>
57 </form>
58</div>
59{{ end }}