1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<template>
<form class="login">
<input name="handle" placeholder="you.bsky.social" required>
<button>Sign in</button>
</form>
<form class="view">
<input name="did" placeholder="did:plc:... (view an account's domains signed out)" required>
<button>View</button>
</form>
<p class="who"><span></span> <button type="button" class="logout">Sign out</button></p>
<p class="error" role="alert"></p>
<h2>Domains</h2>
<ul class="domains"></ul>
<section class="zone" hidden>
<h2 class="zone-name"></h2>
<table>
<thead><tr><th>Name</th><th>Type</th><th>Value</th><th>TTL</th><th>Priority</th><th></th></tr></thead>
<tbody></tbody>
</table>
<form class="record">
<h3>Add a record</h3>
<input type="hidden" name="entry" value="create_record">
<input type="hidden" name="name">
<input type="hidden" name="type">
<input type="hidden" name="value">
<label>Name <input name="newName" placeholder="@, www, _atproto" required></label>
<label>Type
<select name="newType">
<option>A</option><option>AAAA</option><option>CNAME</option><option>MX</option>
<option>TXT</option><option>SRV</option><option>NS</option><option>CAA</option>
</select>
</label>
<label>Value <input name="newValue" required></label>
<label>TTL <input name="ttl" type="number" min="1" placeholder="3600"></label>
<label>Priority <input name="priority" type="number" min="0" max="65535" placeholder="MX, SRV"></label>
<button class="save">Add</button>
<button type="button" class="cancel" hidden>Cancel</button>
</form>
<p class="out"></p>
</section>
</template>