appview: repo: fork: use dropdown menu for selecting knot #510

···

       
10
       
10
       
 
       
      <legend class="dark:text-white">Select a knot to fork into</legend>

     

       
11
       
11
       
 
       
      <div class="space-y-2">

     

       
12
       
12
       
 
       
        <div class="flex flex-col">

     

       
13
       
13
       
-
       
        {{ range .Knots }}

     

       
14
       
14
       
-
       
          <div class="flex items-center">

     

       
15
       
15
       
-
       
            <input

     

       
16
       
16
       
-
       
                type="radio"

     

       
17
       
17
       
-
       
                name="knot"

     

       
18
       
18
       
-
       
                value="{{ . }}"

     

       
19
       
19
       
-
       
                class="mr-2"

     

       
20
       
20
       
-
       
                id="domain-{{ . }}"

     

       
21
       
21
       
-
       
                />

     

       
22
       
22
       
-
       
            <span class="dark:text-white">{{ . }}</span>

     

       
23
       
23
       
-
       
          </div>

     

       
24
       
24
       
-
       
        {{ else }}

     

       
25
       
25
       
-
       
        <p class="dark:text-white">No knots available.</p>

     

       
26
       
26
       
-
       
        {{ end }}

     

       
13
       
13
       
+
       
        <select id="knot" name="knot" required class="p-1 max-w-64 border border-gray-200 bg-white dark:bg-gray-800 dark:text-white dark:border-gray-700">

     

       
14
       
14
       
+
       
            <option value="" disabled selected >

     

       
15
       
15
       
+
       
                Choose a knot

     

       
16
       
16
       
+
       
            </option>

     

       
17
       
17
       
+
       
            {{ range .Knots }}

     

       
18
       
18
       
+
       
            <option value="{{ . }}" class="py-1">

     

       
19
       
19
       
+
       
                {{ . }}

     

       
20
       
20
       
+
       
            </option>

     

       
21
       
21
       
+
       
            {{ end }}

     

       
22
       
22
       
+
       
        </select>

     

       
27
       
23
       
 
       
        </div>

     

       
28
       
24
       
 
       
      </div>

     

       
29
       
25
       
 
       
      <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>