2018-01-10 21:54:08 +00:00
<!DOCTYPE html>
< html >
< head >
< title > ADNS< / title >
2018-01-21 04:08:29 +00:00
< link href = "css/style.css" rel = "stylesheet" / >
2018-01-10 21:54:08 +00:00
< / head >
< body >
2018-01-12 09:03:41 +00:00
< 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 >
2018-02-01 22:15:07 +00:00
< p > < a class = "js-peers" data-href = "/api/peers?access_token=:token" > /api/peers< / a > < / p >
< p > < a class = "js-zones" data-href = "/api/zones?access_token=:token" > /api/zones< / a > < / p >
< p > < a data-href = "/api/zones/:zone/records?access_token=:token" class = "js-zone" > /api/zones/< code
2018-01-10 21:54:08 +00:00
class="js-zone">:zone< / code > /records< / a >
< input class = "js-zone"
type="text" placeholder="example.com" />< / p >
2018-02-01 22:15:07 +00:00
< p > < a class = "js-records" data-href = "/api/records?access_token=:token" > /api/records< / a > < / p >
< p > < a data-href = "/api/records/:name?access_token=:token" class = "js-name" > /api/records/< code class = "js-name" > :name< / code > < / a >
2018-01-10 21:54:08 +00:00
< input class = "js-name"
type="text" placeholder="example.com"/>< / p >
2018-01-12 09:46:17 +00:00
< h3 > Peers:< / h3 >
< ul class = "js-peer-tpl" >
2018-01-30 19:03:25 +00:00
< li class = "js-peer" >
< span class = "js-peer-name" > nsx.example.com< / span >
< span class = "js-peer-address" > 127.0.0.1< / span >
< / li >
2018-01-12 09:46:17 +00:00
< / ul >
2018-01-30 08:33:19 +00:00
< div >
2018-01-26 10:23:12 +00:00
< h3 > Zones:< / h3 >
2018-01-30 08:33:19 +00:00
< 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 >
2018-01-12 09:46:17 +00:00
< ul class = "js-zone-tpl" >
2018-01-30 08:33:19 +00:00
< 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 >
2018-01-12 09:46:17 +00:00
< / ul >
2018-01-30 08:33:19 +00:00
< 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)" >
2018-02-01 22:15:07 +00:00
< input type = "text" class = "js-record-refresh" placeholder = "[refresh] 7200 (how often to check for updates)" >
2018-01-30 08:33:19 +00:00
< input type = "text" class = "js-record-ttl" placeholder = "[default record ttl] 86400" >
< / form >
2018-01-31 03:42:14 +00:00
< span class = "js-record-type" > Vanity Nameservers:< / span >
< label > < input type = "checkbox" class = "js-zone-form-vanityns" value = "" > use vanity nameservers (requires glue records to be set at your domain reseller/registrar)< / label >
2018-01-30 08:33:19 +00:00
< div class = "js-zone-form-vns-tpl" >
< form class = "js-zone-form-vns" >
< input type = "hidden" class = "js-record-id" / >
< 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 >
2018-01-12 09:46:17 +00:00
2018-01-26 10:23:12 +00:00
< h3 > Records:< / h3 >
2018-01-12 09:46:17 +00:00
< ul class = "js-record-tpl" >
2018-01-17 09:17:39 +00:00
< li class = "js-record-soa" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-a js-record-aaaa" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-aname js-record-cname js-record-ns" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-caa" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-mx" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-ptr" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< span class = "js-record-type" > PTR< / span >
< span class = "js-record-name" > example.com< / span >
< span class = "js-record-ttl" > {{ ttl }}< / span >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-srv" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
< li class = "js-record-txt" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-17 09:17:39 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-17 09:17:39 +00:00
< / li >
2018-01-18 00:01:44 +00:00
< li class = "js-record-typex" >
2018-01-17 09:26:07 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< button type = "button" class = "js-record-edit" > Edit< / button >
2018-01-29 21:54:03 +00:00
< button type = "button" class = "js-record-destroy" > X< / button >
2018-01-18 00:01:44 +00:00
< / li >
< / ul >
< label > Select Type:< / label >
< select class = "js-record-form-type" >
< option value = "" selected disabled > Record Type< / option >
2018-01-26 10:23:12 +00:00
< option value = "SOA" disabled > SOA< / option >
2018-01-30 08:33:19 +00:00
< option value = "NS" > NS (delegation)< / option >
2018-01-26 08:42:24 +00:00
< 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 >
2018-01-18 00:01:44 +00:00
< / select >
2018-01-30 08:33:19 +00:00
< button type = "button" class = "js-record-form-new" > Create Record< / button >
2018-01-18 00:01:44 +00:00
< div class = "js-record-form-tpl" >
< form class = "js-record-form-soa" >
2018-01-17 09:26:07 +00:00
< input type = "hidden" class = "js-record-id" / >
2018-01-18 00:01:44 +00:00
< span class = "js-record-type" > SOA< / span >
2018-01-26 08:42:24 +00:00
< input type = "text" class = "js-record-name" >
2018-01-30 08:33:19 +00:00
< input type = "text" class = "js-recordx-primary" placeholder = "ns{{rnd}}.example.com" disabled >
2018-01-18 00:01:44 +00:00
< input type = "text" class = "js-record-admin" >
< input type = "text" class = "js-record-expiration" >
< input type = "text" class = "js-record-minimum" >
2018-01-26 08:42:24 +00:00
< input type = "text" class = "js-record-serial" disabled >
2018-01-18 00:01:44 +00:00
< input type = "text" class = "js-record-retry" >
< input type = "text" class = "js-record-refresh" >
< input type = "text" class = "js-record-ttl" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / 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 >
2018-01-18 00:01:44 +00:00
< input type = "text" class = "js-record-host" > .< span class = "js-record-zone" > example.com< / span >
2018-01-26 08:42:24 +00:00
< input type = "text" class = "js-record-address" placeholder = "ex: 127.0.0.1" >
< input type = "text" class = "js-record-ttl" placeholder = "ex: 300" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / 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 >
2018-01-18 00:01:44 +00:00
< 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" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / form >
< form class = "js-record-form-caa" >
< input type = "hidden" class = "js-record-id" / >
< span class = "js-record-type" > CAA< / span >
2018-01-18 00:01:44 +00:00
< 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" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / form >
< form class = "js-record-form-mx" >
< input type = "hidden" class = "js-record-id" / >
< span class = "js-record-type" > MX< / span >
2018-01-18 00:01:44 +00:00
< 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" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / form >
< form class = "js-record-form-ptr" >
< input type = "hidden" class = "js-record-id" / >
< span class = "js-record-type" > PTR< / span >
2018-01-18 00:01:44 +00:00
< input type = "text" class = "js-record-host" > .< span class = "js-record-zone" > example.com< / span >
< input type = "text" class = "js-record-ttl" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / form >
< form class = "js-record-form-srv" >
< input type = "hidden" class = "js-record-id" / >
< span class = "js-record-type" > SRV< / span >
2018-01-18 00:01:44 +00:00
< 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" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / form >
< form class = "js-record-form-txt" >
< input type = "hidden" class = "js-record-id" / >
< span class = "js-record-type" > TXT< / span >
2018-01-18 00:01:44 +00:00
< 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" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-17 09:26:07 +00:00
< / form >
2018-01-18 00:01:44 +00:00
< form class = "js-record-form-typex" >
< input type = "hidden" class = "js-record-id" / >
< label > typeX< / label >
2018-01-21 08:04:29 +00:00
< input type = "number" class = "js-record-type" value = "0" / >
2018-01-18 00:01:44 +00:00
< 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" >
2018-01-21 08:04:29 +00:00
< button type = "button" class = "js-record-save" > save< / button >
2018-01-18 00:01:44 +00:00
< / form >
< / div >
2018-01-10 21:54:08 +00:00
< script src = "/js/app.js" > < / script >
< / body >
< / html >