|
@@ -1,7 +1,7 @@
|
|
|
-define(["moment"], function (moment) {
|
|
|
+define(["moment", "virtual-dom"], function (moment, V) {
|
|
|
return function(config, nodes, field, router, title) {
|
|
|
var self = this
|
|
|
- var el
|
|
|
+ var el, tbody
|
|
|
|
|
|
self.render = function (d) {
|
|
|
el = document.createElement("div")
|
|
@@ -11,52 +11,54 @@ define(["moment"], function (moment) {
|
|
|
self.setData = function (data) {
|
|
|
var list = data.nodes[nodes]
|
|
|
|
|
|
- if (list.length === 0)
|
|
|
+ if (list.length === 0) {
|
|
|
+ while (el.firstChild)
|
|
|
+ el.removeChild(el.firstChild)
|
|
|
+
|
|
|
+ tbody = null
|
|
|
+
|
|
|
return
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!tbody) {
|
|
|
+ var h2 = document.createElement("h2")
|
|
|
+ h2.textContent = title
|
|
|
+ el.appendChild(h2)
|
|
|
+
|
|
|
+ var table = document.createElement("table")
|
|
|
+ el.appendChild(table)
|
|
|
+
|
|
|
+ tbody = document.createElement("tbody")
|
|
|
+ tbody.last = V.h("tbody")
|
|
|
+ table.appendChild(tbody)
|
|
|
+ }
|
|
|
+
|
|
|
+ var items = list.map( function (d) {
|
|
|
+ var time = moment(d[field]).from(data.now)
|
|
|
+ var td1Content = []
|
|
|
+
|
|
|
+ var aClass = ["hostname", d.flags.online ? "online" : "offline"]
|
|
|
+
|
|
|
+ td1Content.push(V.h("a", { className: aClass.join(" "),
|
|
|
+ onclick: router.node(d),
|
|
|
+ href: "#"
|
|
|
+ }, d.nodeinfo.hostname))
|
|
|
+
|
|
|
+ if (has_location(d))
|
|
|
+ td1Content.push(V.h("span", {className: "icon ion-location"}))
|
|
|
+
|
|
|
+ if ("owner" in d.nodeinfo && config.showContact)
|
|
|
+ td1Content.push(" - " + d.nodeinfo.owner.contact)
|
|
|
+
|
|
|
+ var td1 = V.h("td", td1Content)
|
|
|
+ var td2 = V.h("td", time)
|
|
|
|
|
|
- var h2 = document.createElement("h2")
|
|
|
- h2.textContent = title
|
|
|
- el.appendChild(h2)
|
|
|
- var table = document.createElement("table")
|
|
|
- el.appendChild(table)
|
|
|
-
|
|
|
- var tbody = document.createElement("tbody")
|
|
|
-
|
|
|
- list.forEach( function (d) {
|
|
|
- var time = moment(d[field]).fromNow()
|
|
|
-
|
|
|
- var row = document.createElement("tr")
|
|
|
- var td1 = document.createElement("td")
|
|
|
- var a = document.createElement("a")
|
|
|
- a.classList.add("hostname")
|
|
|
- a.classList.add(d.flags.online ? "online" : "offline")
|
|
|
- a.textContent = d.nodeinfo.hostname
|
|
|
- a.href = "#"
|
|
|
- a.onclick = router.node(d)
|
|
|
- td1.appendChild(a)
|
|
|
-
|
|
|
- if (has_location(d)) {
|
|
|
- var span = document.createElement("span")
|
|
|
- span.classList.add("icon")
|
|
|
- span.classList.add("ion-location")
|
|
|
- td1.appendChild(span)
|
|
|
- }
|
|
|
-
|
|
|
- if ("owner" in d.nodeinfo && config.showContact) {
|
|
|
- var contact = d.nodeinfo.owner.contact
|
|
|
- td1.appendChild(document.createTextNode(" – " + contact + ""))
|
|
|
- }
|
|
|
-
|
|
|
- var td2 = document.createElement("td")
|
|
|
- td2.textContent = time
|
|
|
-
|
|
|
- row.appendChild(td1)
|
|
|
- row.appendChild(td2)
|
|
|
- tbody.appendChild(row)
|
|
|
+ return V.h("tr", [td1, td2])
|
|
|
})
|
|
|
|
|
|
- table.appendChild(tbody)
|
|
|
- el.appendChild(table)
|
|
|
+ var tbodyNew = V.h("tbody", items)
|
|
|
+ tbody = V.patch(tbody, V.diff(tbody.last, tbodyNew))
|
|
|
+ tbody.last = tbodyNew
|
|
|
}
|
|
|
|
|
|
return self
|