digd.js/lib/public/index.html

275 lines
13 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>ADNS</title>
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<h1>ADNS Zones and Records</h1>
<p>
<label>API JWT:</label> <input class="js-jwt" type="text" placeholder="paste the api token here" />
<button class="js-jwt" type="button">Authorize</button>
</p>
<p><a href="/api/peers">/api/peers</a></p>
<p><a href="/api/zones">/api/zones</a></p>
<p><a data-href="/api/zones/:zone/records" class="js-zone">/api/zones/<code
class="js-zone">:zone</code>/records</a>
<input class="js-zone"
type="text" placeholder="example.com" /></p>
<p><a href="/api/records">/api/records</a></p>
<p><a data-href="/api/records/:name" class="js-name">/api/records/<code class="js-name">:name</code></a>
<input class="js-name"
type="text" placeholder="example.com"/></p>
<h3>Peers:</h3>
<ul class="js-peer-tpl">
<li class="js-peer">
<span class="js-peer-name">nsx.example.com</span>
<span class="js-peer-address">127.0.0.1</span>
</li>
</ul>
<div>
<h3>Zones:</h3>
<form class="js-zone-form-create">
<input type="text" class="js-zone-form-name" placeholder="ex: example.com" />
<button type="button" class="js-zone-new">Create Zone</button>
</form>
<ul class="js-zone-tpl">
<li class="js-zone">
<span class="js-zone-name">example.com</span>
<button type="button" class="js-zone-view">view</button>
<button type="button" class="js-zone-edit">edit</button>
<button type="button" class="js-zone-destroy">X</button>
</li>
</ul>
<div class="js-zone-form-tpl">
<form class="js-zone-form-soa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">SOA</span>
<input type="text" class="js-record-name" placeholder="[zone name] example.com" disabled>
<input type="text" class="js-recordx-primary" placeholder="[primary] ns{{x}}.example.com" disabled>
<input type="text" class="js-record-admin" placeholder="[admin] admin.example.com">
<input type="text" class="js-record-expiration" placeholder="[expire] 2419200 (how long to rely on non-primary)">
<input type="text" class="js-record-minimum" placeholder="[minimum nxdomain] 5">
<input type="text" class="js-recordx-serial" placeholder="[serial] YYYYMMDDxx" disabled>
<input type="text" class="js-record-retry" placeholder="[retry] 1800 (how quickly to retry on failed update)">
<input type="text" class="js-record-refresh" placeholder="[retry] 7200 (how often to check for updates)">
<input type="text" class="js-record-ttl" placeholder="[default record ttl] 86400">
</form>
<div class="js-zone-form-vns-tpl">
<form class="js-zone-form-vns">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">Vanity Nameservers</span>
<input type="text" class="js-record-host" placeholder="nsx">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-address" placeholder="aname, ipv4, or ipv6 address">
<input type="text" class="js-record-ttl" placeholder="86400">
<!--
<button type="button" class="js-record-remove">-</button>
<button type="button" class="js-record-add">+</button>
-->
</form>
</div>
<button type="button" class="js-zone-save">Save Zone</button>
</div>
<h3>Records:</h3>
<ul class="js-record-tpl">
<li class="js-record-soa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">SOA</span>
<span class="js-record-name">example.com</span>
<span class="js-record-primary">{{ primary }}</span>
<span class="js-record-admin">admin.example.com</span>
<span class="js-record-expiration">{{ seconds until expiration }}</span>
<span class="js-record-minimum">{{ minimum }}</span>
<span class="js-record-serial">{{ serial }}</span>
<span class="js-record-retry">{{ retry }}</span>
<span class="js-record-refresh">{{ refresh }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-a js-record-aaaa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">A / AAAA</span>
<span class="js-record-name">example.com</span>
<span class="js-record-address">{{ addr }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-aname js-record-cname js-record-ns">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">ANAME / CNAME</span>
<span class="js-record-name">example.com</span>
<span class="js-record-data">{{ target }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-caa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">CAA</span>
<span class="js-record-name">example.com</span>
<span class="js-record-flag">{{ flag }}</span>
<span class="js-record-value">{{ value }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-mx">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">MX</span>
<span class="js-record-name">example.com</span>
<span class="js-record-exchange">{{ target }}</span>
<span class="js-record-priority">{{ priority }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-ptr">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">PTR</span>
<span class="js-record-name">example.com</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-srv">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">SRV</span>
<span class="js-record-name">example.com</span>
<span class="js-record-port">{{ port }}</span>
<span class="js-record-priority">{{ priority }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-txt">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">TXT</span>
<span class="js-record-name">example.com</span>
<span class="js-record-data">{{ text data }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
<li class="js-record-typex">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">type000</span>
<span class="js-record-name">example.com</span>
<span class="js-record-rr">{{ hex }}</span>
<span class="js-record-ttl">{{ ttl }}</span>
<button type="button" class="js-record-edit">Edit</button>
<button type="button" class="js-record-destroy">X</button>
</li>
</ul>
<label>Select Type:</label>
<select class="js-record-form-type">
<option value="" selected disabled>Record Type</option>
<option value="SOA" disabled>SOA</option>
<option value="NS">NS (delegation)</option>
<option value="A">A</option>
<option value="AAAA">AAAA</option>
<option value="ANAME">ANAME</option>
<option value="CNAME">CNAME</option>
<option value="CAA">CAA</option>
<option value="MX">MX</option>
<option value="PTR">PTR</option>
<option value="SRV">SRV</option>
<option value="TXT">TXT</option>
<option value="typeX">typeX</option>
</select>
<button type="button" class="js-record-form-new">Create Record</button>
<div class="js-record-form-tpl">
<form class="js-record-form-soa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">SOA</span>
<input type="text" class="js-record-name">
<input type="text" class="js-recordx-primary" placeholder="ns{{rnd}}.example.com" disabled>
<input type="text" class="js-record-admin">
<input type="text" class="js-record-expiration">
<input type="text" class="js-record-minimum">
<input type="text" class="js-record-serial" disabled>
<input type="text" class="js-record-retry">
<input type="text" class="js-record-refresh">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-a js-record-form-aaaa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">A / AAAA</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-address" placeholder="ex: 127.0.0.1">
<input type="text" class="js-record-ttl" placeholder="ex: 300">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-aname js-record-form-cname js-record-form-ns">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">ANAME / CNAME</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-data">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-caa">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">CAA</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-flag">
<input type="text" class="js-record-value">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-mx">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">MX</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-exchange">
<input type="text" class="js-record-priority">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-ptr">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">PTR</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-srv">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">SRV</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-port">
<input type="text" class="js-record-priority">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-txt">
<input type="hidden" class="js-record-id" />
<span class="js-record-type">TXT</span>
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-data">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
<form class="js-record-form-typex">
<input type="hidden" class="js-record-id" />
<label>typeX</label>
<input type="number" class="js-record-type" value="0" />
<input type="text" class="js-record-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-rr">
<input type="text" class="js-record-ttl">
<button type="button" class="js-record-save">save</button>
</form>
</div>
<script src="/js/app.js"></script>
</body>
</html>