digd.js/lib/public/index.html

221 lines
10 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-name">peer-name</li>
</ul>
<ul class="js-zone-tpl">
<li><button type="button" class="js-zone-name">zone-name</button></li>
</ul>
<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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</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>
</li>
</ul>
<label>Select Type:</label>
<select class="js-record-form-type">
<option value="" selected disabled>Record Type</option>
<option value="soa">SOA</option>
<option value="ns">NS</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>
<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-host">.<span class="js-record-zone">example.com</span>
<input type="text" class="js-record-primary">
<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">
<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">
<input type="text" class="js-record-ttl">
<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>