101 lines
2.6 KiB
JavaScript
101 lines
2.6 KiB
JavaScript
define(["tablesort", "tablesort.numeric"], function (Tablesort) {
|
|
return function(router) {
|
|
var self = this
|
|
var el
|
|
|
|
self.render = function (d) {
|
|
el = document.createElement("div")
|
|
d.appendChild(el)
|
|
}
|
|
|
|
self.setData = function (now, nodes) {
|
|
if (nodes.length == 0)
|
|
return
|
|
|
|
var h2 = document.createElement("h2")
|
|
h2.textContent = "Alle Knoten"
|
|
el.appendChild(h2)
|
|
|
|
var table = document.createElement("table")
|
|
var thead = document.createElement("thead")
|
|
|
|
var tr = document.createElement("tr")
|
|
var th1 = document.createElement("th")
|
|
th1.textContent = "Knoten"
|
|
th1.classList.add("sort-default")
|
|
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)
|
|
|
|
var tbody = document.createElement("tbody")
|
|
|
|
nodes.forEach( function (d) {
|
|
var row = document.createElement("tr")
|
|
|
|
var td1 = document.createElement("td")
|
|
var a = document.createElement("a")
|
|
a.textContent = d.nodeinfo.hostname
|
|
a.href = "#"
|
|
a.onclick = router.node(d)
|
|
a.classList.add("hostname")
|
|
a.classList.add(d.flags.online ? "online" : "offline")
|
|
td1.appendChild(a)
|
|
row.appendChild(td1)
|
|
|
|
if (has_location(d)) {
|
|
var span = document.createElement("span")
|
|
span.classList.add("icon")
|
|
span.classList.add("ion-location")
|
|
td1.appendChild(span)
|
|
}
|
|
|
|
var td2 = document.createElement("td")
|
|
showUptime(td2, d)
|
|
row.appendChild(td2)
|
|
|
|
var td3 = document.createElement("td")
|
|
td3.textContent = "clients" in d.statistics ? d.statistics.clients : ""
|
|
row.appendChild(td3)
|
|
|
|
tbody.appendChild(row)
|
|
})
|
|
|
|
table.appendChild(tbody)
|
|
|
|
new Tablesort(table)
|
|
|
|
el.appendChild(table)
|
|
|
|
function showUptime(el, 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"
|
|
}
|
|
|
|
el.textContent = s
|
|
el.setAttribute("data-sort", uptime !== undefined ? -uptime : 0)
|
|
}
|
|
}
|
|
}
|
|
})
|