WIP edit record form

This commit is contained in:
AJ ONeal 2018-01-17 02:26:07 -07:00
parent 7a36e5f685
commit 4f5f330862
1 changed files with 89 additions and 5 deletions

View File

@ -32,6 +32,7 @@
<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>
@ -44,34 +45,34 @@
<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="">
<span class="js-record-type">NS</span>
<span class="js-record-name">example.com</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>
@ -79,6 +80,7 @@
<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>
@ -86,11 +88,13 @@
<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>
@ -98,6 +102,7 @@
<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>
@ -105,6 +110,85 @@
</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>