julien.rbrt.fr
forked from
tangled.org/core
Monorepo for Tangled — https://tangled.org
1{{ define "title" }}settings{{ end }}
2
3{{ define "content" }}
4 <div class="p-6">
5 <p class="text-xl font-bold">Settings</p>
6 </div>
7 <div class="flex flex-col">
8 {{ block "profile" . }} {{ end }}
9 {{ block "keys" . }} {{ end }}
10 {{ block "knots" . }} {{ end }}
11 </div>
12{{ end }}
13
14{{ define "profile" }}
15<header class="text-sm font-bold py-2 px-6 uppercase">profile</header>
16<section class="rounded bg-white drop-shadow-sm px-6 py-4 mb-6 w-fit">
17 <dl class="grid grid-cols-[auto_1fr] gap-x-4">
18 {{ if .LoggedInUser.Handle }}
19 <dt class="font-bold">handle</dt>
20 <dd>@{{ .LoggedInUser.Handle }}</dd>
21 {{ end }}
22 <dt class="font-bold">did</dt>
23 <dd>{{ .LoggedInUser.Did }}</dd>
24 <dt class="font-bold">pds</dt>
25 <dd>{{ .LoggedInUser.Pds }}</dd>
26 </dl>
27</section>
28{{ end }}
29
30{{ define "keys" }}
31<header class="text-sm font-bold py-2 px-6 uppercase">ssh keys</header>
32<section class="rounded bg-white drop-shadow-sm px-6 py-4 mb-6 w-fit">
33 <div id="key-list" class="flex flex-col gap-6 mb-8">
34 {{ range .PubKeys }}
35 <div>
36 <div class="inline-flex items-center gap-4">
37 <i class="w-3 h-3" data-lucide="key"></i>
38 <p class="font-bold">{{ .Name }} </p>
39 <p class="text-sm text-gray-500">added {{ .Created | timeFmt }}</p>
40 </div>
41 <code class="block text-sm break-all text-gray-500">{{ .Key }}</code>
42 </div>
43 {{ end }}
44 </div>
45 <hr class="mb-4" />
46 <p class="mb-2">add an ssh key</p>
47 <form
48 hx-put="/settings/keys"
49 hx-swap="none"
50 class="max-w-2xl mb-8 space-y-4"
51 >
52 <input
53 type="text"
54 id="name"
55 name="name"
56 placeholder="key name"
57 required
58 class="w-full"/>
59
60 <input
61 id="key"
62 name="key"
63 placeholder="ssh-rsa AAAAAA..."
64 required
65 class="w-full"/>
66
67 <button class="btn w-full" type="submit">add key</button>
68
69 <div id="settings-keys" class="error"></div>
70 </form>
71</section>
72{{ end }}