diff --git a/lib/public/index.html b/lib/public/index.html
index dcffca6..1e459fe 100644
--- a/lib/public/index.html
+++ b/lib/public/index.html
@@ -31,7 +31,78 @@
- - record-type record-name
+ -
+ SOA
+ example.com
+ {{ primary }}
+ admin.example.com
+ {{ seconds until expiration }}
+ {{ minimum }}
+ {{ serial }}
+ {{ retry }}
+ {{ refresh }}
+ {{ ttl }}
+
+ -
+ type000
+ example.com
+ {{ hex }}
+ {{ ttl }}
+
+ -
+ NS
+ example.com
+ {{ ttl }}
+
+ -
+ ANY
+ example.com
+ {{ ttl }}
+
+ -
+ A / AAAA
+ example.com
+ {{ addr }}
+ {{ ttl }}
+
+ -
+ ANAME / CNAME
+ example.com
+ {{ target }}
+ {{ ttl }}
+
+ -
+ CAA
+ example.com
+ {{ flag }}
+ {{ value }}
+ {{ ttl }}
+
+ -
+ MX
+ example.com
+ {{ target }}
+ {{ priority }}
+ {{ ttl }}
+
+ -
+ PTR
+ example.com
+ {{ ttl }}
+
+ -
+ SRV
+ example.com
+ {{ port }}
+ {{ priority }}
+ {{ ttl }}
+
+ -
+ TXT
+ example.com
+ {{ text data }}
+ {{ ttl }}
+
diff --git a/lib/public/js/app.js b/lib/public/js/app.js
index b6b2c0b..9c7e2b1 100644
--- a/lib/public/js/app.js
+++ b/lib/public/js/app.js
@@ -7,6 +7,9 @@
function $qs(qs, el) {
return (el||document).querySelector(qs);
}
+ function $qsa(qs, el) {
+ return (el||document).querySelectorAll(qs);
+ }
function $on(selector, eventname, cb) {
if (!$on._events[eventname]) {
$on._events[eventname] = $on._dispatcher(eventname);
@@ -130,16 +133,42 @@
return resp.json().then(function (data) {
var tpl = '';
var el;
- if (!tpls.record) {
- tpls.record = $qs('.js-record-tpl').innerHTML;
+ if (!tpls.recordsMap) {
+ //tpls.recordTypes = Array.prototype.slice.call($qsa('.js-record-tpl li'));
+ //.innerHTML;
+ tpls.recordsMap = {};
+ tpls.recordsMap.soa = $qs('.js-record-soa').outerHTML;
+ tpls.recordsMap.any = $qs('.js-record-any').outerHTML;
+ tpls.recordsMap.ns = $qs('.js-record-ns').outerHTML;
+ tpls.recordsMap.a = $qs('.js-record-a').outerHTML;
+ tpls.recordsMap.aaaa = $qs('.js-record-aaaa').outerHTML;
+ tpls.recordsMap.aname = $qs('.js-record-aname').outerHTML;
+ tpls.recordsMap.cname = $qs('.js-record-cname').outerHTML;
+ tpls.recordsMap.caa = $qs('.js-record-caa').outerHTML;
+ tpls.recordsMap.ptr = $qs('.js-record-ptr').outerHTML;
+ tpls.recordsMap.mx = $qs('.js-record-mx').outerHTML;
+ tpls.recordsMap.txt = $qs('.js-record-txt').outerHTML;
+ tpls.recordsMap.srv = $qs('.js-record-srv').outerHTML;
}
+ console.log('tpls.recordsMap:');
+ console.log(tpls.recordsMap);
data.records.forEach(function (record) {
el = document.createElement('div');
- el.innerHTML = tpls.record;
+ console.log('record.type:');
+ console.log(record.type);
+ el.innerHTML = tpls.recordsMap[record.type.toLowerCase()];
console.log(el);
console.log($qs('.js-record-name', el));
- $qs('.js-record-type', el).innerText = record.type;
- $qs('.js-record-name', el).innerText = record.name;
+ Object.keys(record).forEach(function (key) {
+ var x = $qs('.js-record-' + key, el);
+ if (x) {
+ x.innerText = record[key];
+ }
+ });
+ //$qs('.js-record-type', el).innerText = record.type;
+ //$qs('.js-record-name', el).innerText = record.name;
+ //$qs('.js-record-address', el).innerText = record.address;
+ console.log('el.innerHTML:');
console.log(el.innerHTML);
tpl += el.innerHTML;
console.log(tpl);