define(["virtual-dom"], function (V) { return function(router) { function showUptime(now, d) { var uptime if (d.flags.online && "uptime" in d.statistics) uptime = Math.round(d.statistics.uptime / 3600) else if (!d.flags.online && "lastseen" in d) uptime = Math.round(-(now - d.lastseen) / 3600000) var s = "" if (uptime !== undefined) if (Math.abs(uptime) >= 24) s = Math.round(uptime / 24) + "d" else s = uptime + "h" return {v: s, sort: uptime !== undefined ? -uptime : 0} } var self = this var el, tbody self.render = function (d) { el = document.createElement("div") d.appendChild(el) } self.setData = function (data) { if (data.nodes.all.length === 0) return if (!tbody) { var h2 = document.createElement("h2") h2.textContent = "Alle Knoten" el.appendChild(h2) var table = document.createElement("table") el.appendChild(table) var thead = document.createElement("thead") var tr = document.createElement("tr") var th1 = document.createElement("th") th1.textContent = "Knoten" tr.appendChild(th1) var th2 = document.createElement("th") th2.textContent = "Uptime" tr.appendChild(th2) var th3 = document.createElement("th") th3.textContent = "Clients" tr.appendChild(th3) thead.appendChild(tr) table.appendChild(thead) tbody = document.createElement("tbody") tbody.last = V.h("tbody") table.appendChild(tbody) } var nodes = data.nodes.all.slice(0).sort( function (a, b) { return a.nodeinfo.hostname.localeCompare(b.nodeinfo.hostname) }) var items = nodes.map( function (d) { 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"})) var uptime = showUptime(data.now, d) var td1 = V.h("td", td1Content) var td2 = V.h("td", uptime.v) var td3 = V.h("td", "clients" in d.statistics ? d.statistics.clients : "") return V.h("tr", [td1, td2, td3]) }) var tbodyNew = V.h("tbody", items) tbody = V.patch(tbody, V.diff(tbody.last, tbodyNew)) tbody.last = tbodyNew } } })