225 lines
10 KiB
HTML
225 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>
|
|
|
|
<h3>Zones:</h3>
|
|
<button type="button" class="js-zone-new">new</button>
|
|
<ul class="js-zone-tpl">
|
|
<li><button type="button" class="js-zone-name">zone-name</button></li>
|
|
</ul>
|
|
|
|
<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>
|
|
</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" disabled>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>
|
|
<button type="button" class="js-record-form-new">new</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-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" 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>
|