195 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			195 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html>
 | |
|   <head>
 | |
|     <title>ADNS</title>
 | |
|   </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>
 | |
|       </li>
 | |
|       <li class="js-record-custom">
 | |
|         <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>
 | |
|       </li>
 | |
|       <li class="js-record-any">
 | |
|         <input type="hidden" class="js-record-id" />
 | |
|         <span class="js-record-type">ANY</span>
 | |
|         <span class="js-record-name">example.com</span>
 | |
|         <span class="js-record-ttl">{{ ttl }}</span>
 | |
|       </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>
 | |
|       </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>
 | |
|       </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>
 | |
|       </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>
 | |
|       </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>
 | |
|       </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>
 | |
|       </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>
 | |
|       </li>
 | |
|     </ul>
 | |
| 
 | |
|     <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>
 | |
|         <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>
 | |
|       </form>
 | |
|       <form class="js-record-form-custom">
 | |
|         <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>
 | |
|       </form>
 | |
|       <form class="js-record-form-any">
 | |
|         <input type="hidden" class="js-record-id" />
 | |
|         <span class="js-record-type">ANY</span>
 | |
|         <span class="js-record-name">example.com</span>
 | |
|         <span class="js-record-ttl">{{ ttl }}</span>
 | |
|       </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>
 | |
|         <span class="js-record-name">example.com</span>
 | |
|         <span class="js-record-address">{{ addr }}</span>
 | |
|         <span class="js-record-ttl">{{ ttl }}</span>
 | |
|       </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>
 | |
|         <span class="js-record-name">example.com</span>
 | |
|         <span class="js-record-data">{{ target }}</span>
 | |
|         <span class="js-record-ttl">{{ ttl }}</span>
 | |
|       </form>
 | |
|       <form class="js-record-form-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>
 | |
|       </form>
 | |
|       <form class="js-record-form-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>
 | |
|       </form>
 | |
|       <form class="js-record-form-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>
 | |
|       </form>
 | |
|       <form class="js-record-form-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>
 | |
|       </form>
 | |
|       <form class="js-record-form-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>
 | |
|       </form>
 | |
|     </ul>
 | |
|     <script src="/js/app.js"></script>
 | |
|   </body>
 | |
| </html>
 |