alice.pds.demo.boltless.dev
This repository has no description
1{{ define "onboarding/keys" }}
2 <h1 class="text-2xl font-semibold dark:text-white">Add an SSH key</h1>
3 <p class="text-base text-gray-500 dark:text-gray-400 mt-1">Add a public SSH key to push to your repositories over SSH.</p>
4
5 <div id="keys-list" class="flex flex-col rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700 my-4 [&:not(:has(*))]:hidden">
6 {{ range .PubKeys }}
7 {{ template "user/settings/fragments/keyListing" . }}
8 {{ end }}
9 </div>
10
11 <form hx-put="/settings/keys" hx-target="#keys-list" hx-swap="beforeend" hx-on:keyadded="this.reset()" class="flex flex-col gap-4 my-4 group" hx-disabled-elt="#add-key-btn">
12 <div class="flex flex-col gap-1">
13 <label for="name" class="font-medium">Key name</label>
14 <input type="text" name="name" placeholder="my-laptop" required>
15 </div>
16 <div class="flex flex-col gap-1">
17 <label for="key" class="font-medium">Public key</label>
18 <textarea name="key" rows="3" required placeholder="ssh-ed25519 AAAA..." class="font-mono text-sm"></textarea>
19 </div>
20 <button id="add-key-btn" type="submit" class="ml-auto btn-flat flex w-fit items-center gap-2 text-sm">
21 {{ i "plus" "size-4 inline group-[.htmx-request]:hidden" }}
22 {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
23 Add key
24 </button>
25 <p id="settings-keys" class="error"></p>
26 </form>
27
28 <p id="settings-keys-delete-error" class="error"></p>
29
30 <div class="flex items-center justify-between mt-6">
31 {{ template "onboarding/back" "/welcome/social" }}
32 <form hx-post="/welcome/next" hx-swap="none">
33 <input type="hidden" name="step" value="3">
34 <button type="submit" class="btn-create-flat w-fit flex items-center gap-2 text-sm">
35 Next {{ i "arrow-right" "size-4" }}
36 </button>
37 </form>
38 </div>
39{{ end }}