define(["moment", "numeral", "tablesort", "tablesort.numeric"], function (moment, numeral, Tablesort) { function showGeoURI(d) { function showLatitude(d) { var suffix = Math.sign(d) > -1 ? "' N" : "' S" d = Math.abs(d) var a = Math.floor(d) var min = (d * 60) % 60 a = (a < 10 ? "0" : "") + a return a + "° " + numeral(min).format("0.000") + suffix } function showLongitude(d) { var suffix = Math.sign(d) > -1 ? "' E" : "' W" d = Math.abs(d) var a = Math.floor(d) var min = (d * 60) % 60 a = (a < 100 ? "0" + (a < 10 ? "0" : "") : "") + a return a + "° " + numeral(min).format("0.000") + suffix } if (!has_location(d)) return undefined return function (el) { var latitude = d.nodeinfo.location.latitude var longitude = d.nodeinfo.location.longitude var a = document.createElement("a") a.textContent = showLatitude(latitude) + " " + showLongitude(longitude) a.href = "geo:" + latitude + "," + longitude el.appendChild(a) } } function showStatus(d) { return function (el) { el.classList.add(d.flags.unseen ? "unseen" : (d.flags.online ? "online" : "offline")) if (d.flags.online) el.textContent = "online, letzte Nachricht " + d.lastseen.fromNow() + " (" + d.lastseen.format("DD.MM.YYYY, H:mm:ss") + ")" else el.textContent = "offline, letzte Nachricht " + d.lastseen.fromNow() + " (" + d.lastseen.format("DD.MM.YYYY, H:mm:ss") + ")" } } function showFirmware(d) { var release = dictGet(d.nodeinfo, ["software", "firmware", "release"]) var base = dictGet(d.nodeinfo, ["software", "firmware", "base"]) if (release === null || base === null) return undefined return release + " / " + base } function showSite(d, config) { var site = dictGet(d.nodeinfo, ["system", "site_code"]) var rt = site if (config.siteNames) config.siteNames.forEach( function (t) { if(site === t.site) rt = t.name }) return rt } function showUptime(d) { if (!("uptime" in d.statistics)) return undefined return moment.duration(d.statistics.uptime, "seconds").humanize() } function showFirstseen(d) { if (!("firstseen" in d)) return undefined return d.firstseen.fromNow(true) } function wifiChannelAlias(ch) { var chlist = { "1": "2412 MHz", "2": "2417 MHz", "3": "2422 MHz", "4": "2427 MHz", "5": "2432 MHz", "6": "2437 MHz", "7": "2442 MHz", "8": "2447 MHz", "9": "2452 MHz", "10": "2457 MHz", "11": "2462 MHz", "12": "2467 MHz", "13": "2472 MHz", "36": "5180 MHz (Indoors)", "40": "5200 MHz (Indoors)", "44": "5220 MHz (Indoors)", "48": "5240 MHz (Indoors)", "52": "5260 MHz (Indoors/DFS/TPC)", "56": "5280 MHz (Indoors/DFS/TPC)", "60": "5300 MHz (Indoors/DFS/TPC)", "64": "5320 MHz (Indoors/DFS/TPC)", "100": "5500 MHz (DFS) !!", "104": "5520 MHz (DFS) !!", "108": "5540 MHz (DFS) !!", "112": "5560 MHz (DFS) !!", "116": "5580 MHz (DFS) !!", "120": "5600 MHz (DFS) !!", "124": "5620 MHz (DFS) !!", "128": "5640 MHz (DFS) !!", "132": "5660 MHz (DFS) !!", "136": "5680 MHz (DFS) !!", "140": "5700 MHz (DFS) !!" } if (!(ch in chlist)) return "" else return chlist[ch] } function showWifiChannel(ch) { if (!ch) return undefined return ch + " (" + wifiChannelAlias(ch) + ")" } function showClients(d) { if (!d.flags.online) return undefined var meshclients = getMeshClients(d) resetMeshClients(d) var before = " (" var after = " in der lokalen Wolke)" return function (el) { el.appendChild(document.createTextNode(d.statistics.clients > 0 ? d.statistics.clients : "keine")) el.appendChild(document.createTextNode(before)) el.appendChild(document.createTextNode(meshclients > 0 ? meshclients : "keine")) el.appendChild(document.createTextNode(after)) el.appendChild(document.createElement("br")) var span = document.createElement("span") span.classList.add("clients") span.textContent = " ".repeat(d.statistics.clients) el.appendChild(span) var spanmesh = document.createElement("span") spanmesh.classList.add("clientsMesh") spanmesh.textContent = " ".repeat(meshclients - d.statistics.clients) el.appendChild(spanmesh) } } function getMeshClients(node) { var meshclients = 0 if (node.statistics && !isNaN(node.statistics.clients)) meshclients = node.statistics.clients if (!node) return 0 if (node.parsed) return 0 node.parsed = 1 node.neighbours.forEach(function (neighbour) { if (!neighbour.link.isVPN && neighbour.node) meshclients += getMeshClients(neighbour.node) }) return meshclients } function resetMeshClients(node) { if (!node.parsed) return node.parsed = 0 node.neighbours.forEach(function (neighbour) { if (!neighbour.link.isVPN && neighbour.node) resetMeshClients(neighbour.node) }) return } function showMeshClients(d) { if (!d.flags.online) return undefined var meshclients = getMeshClients(d) resetMeshClients(d) return function (el) { el.appendChild(document.createTextNode(meshclients > 0 ? meshclients : "keine")) el.appendChild(document.createElement("br")) } } function showIPs(d) { var ips = dictGet(d.nodeinfo, ["network", "addresses"]) if (ips === null) return undefined ips.sort() return function (el) { ips.forEach( function (ip, i) { var link = !ip.startsWith("fe80:") if (i > 0) el.appendChild(document.createElement("br")) if (link) { var a = document.createElement("a") if (ip.includes(".")) a.href = "http://" + ip + "/" else a.href = "http://[" + ip + "]/" a.textContent = ip el.appendChild(a) } else el.appendChild(document.createTextNode(ip)) }) } } function showBar(className, v) { var span = document.createElement("span") span.classList.add("bar") span.classList.add(className) var bar = document.createElement("span") bar.style.width = (v * 100) + "%" span.appendChild(bar) var label = document.createElement("label") label.textContent = (Math.round(v * 100)) + " %" span.appendChild(label) return span } function showLoadBar(className, v) { var span = document.createElement("span") span.classList.add("bar") span.classList.add(className) var bar = document.createElement("span") if (v >= 1) { bar.style.width = ((v * 100) % 100) + "%" bar.style.background = "rgba(255, 50, 50, 0.9)" span.style.background = "rgba(255, 50, 50, 0.6)" span.appendChild(bar) } else { bar.style.width = (v * 100) + "%" span.appendChild(bar) } var label = document.createElement("label") label.textContent = +(Math.round(v + "e+2") + "e-2") span.appendChild(label) return span } function showLoad(d) { if (!("loadavg" in d.statistics)) return undefined return function (el) { el.appendChild(showLoadBar("load-avg", d.statistics.loadavg)) } } function showRAM(d) { if (!("memory_usage" in d.statistics)) return undefined return function (el) { el.appendChild(showBar("memory-usage", d.statistics.memory_usage)) } } function showAirtime(band, val) { if (!val) return undefined return function (el) { el.appendChild(showBar("airtime" + band.toString(), val)) } } function createLink(target, router) { var link = document.createElement("a") if (!target) return link var unknown = !(target.node) link.classList.add("hostname") link.textContent = unknown ? (target.id ? target.id : target) : target.node.nodeinfo.hostname if (!unknown) { link.href = "#" link.onclick = router.node(target.node) } return link } function showGateway(d, router) { var nh if (dictGet(d.statistics, ["nexthop"])) nh = dictGet(d.statistics, ["nexthop"]) if (dictGet(d.statistics, ["gateway_nexthop"])) nh = dictGet(d.statistics, ["gateway_nexthop"]) var gw = dictGet(d.statistics, ["gateway"]) if (!gw) return null return function (el) { if (nh) { el.appendChild(createLink(nh, router)) if (gw !== nh) el.appendChild(document.createTextNode(" -> ... -> ")) } if (gw !== nh) el.appendChild(createLink(gw, router)) } } function showPages(d) { var webpages = dictGet(d.nodeinfo, ["pages"]) if (webpages === null) return undefined webpages.sort() return function (el) { webpages.forEach( function (webpage, i) { if (i > 0) el.appendChild(document.createElement("br")) var a = document.createElement("span") var link = document.createElement("a") link.href = webpage if (webpage.search(/^https:\/\//i) !== -1) { var lock = document.createElement("span") lock.className = "ion-android-lock" a.appendChild(lock) var t1 = document.createTextNode(" ") a.appendChild(t1) link.textContent = webpage.replace(/^https:\/\//i, "") } else link.textContent = webpage.replace(/^http:\/\//i, "") a.appendChild(link) el.appendChild(a) }) } } function showAutoupdate(d) { var au = dictGet(d.nodeinfo, ["software", "autoupdater"]) if (!au) return undefined return au.enabled ? "aktiviert (" + au.branch + ")" : "deaktiviert" } function showNodeImg(o, model) { if (!model) return undefined var content, caption var modelhash = model.split("").reduce(function(a, b) { a = ((a << 5) - a) + b.charCodeAt(0) return a & a }, 0) content = document.createElement("img") content.id = "routerpicture" content.classList.add("nodeImg") content.src = o.thumbnail.replace("{MODELHASH}", modelhash) content.onerror = function() { document.getElementById("routerpicdiv").outerHTML = "Knotenname" } if (o.caption) { caption = o.caption.replace("{MODELHASH}", modelhash) if (!content) content = document.createTextNode(caption) } var p = document.createElement("p") p.appendChild(content) return content } function showStatImg(o, d) { var subst = {} subst["{NODE_ID}"] = d.nodeinfo.node_id ? d.nodeinfo.node_id : "unknown" subst["{NODE_NAME}"] = d.nodeinfo.hostname ? d.nodeinfo.hostname : "unknown" return showStat(o, subst) } return function(config, el, router, d) { var attributes = document.createElement("table") attributes.classList.add("attributes") if (config.hwImg) { var top = document.createElement("div") top.id = "routerpicdiv" try { config.hwImg.forEach(function(hwImg) { try { top.appendChild(showNodeImg(hwImg, d.nodeinfo.hardware.model)) } catch (err) { console.log(err.message) } }) } catch (err) { console.log(err.message) } attributeEntry(attributes, top, d.nodeinfo.hostname) } else { var h2 = document.createElement("h2") h2.textContent = d.nodeinfo.hostname el.appendChild(h2) } attributeEntry(attributes, "Status", showStatus(d)) attributeEntry(attributes, "Gateway", d.flags.gateway ? "ja" : null) attributeEntry(attributes, "Koordinaten", showGeoURI(d)) if (config.showContact) attributeEntry(attributes, "Kontakt", dictGet(d.nodeinfo, ["owner", "contact"])) attributeEntry(attributes, "Hardware", dictGet(d.nodeinfo, ["hardware", "model"])) attributeEntry(attributes, "Primäre MAC", dictGet(d.nodeinfo, ["network", "mac"])) attributeEntry(attributes, "Node ID", dictGet(d.nodeinfo, ["node_id"])) attributeEntry(attributes, "Firmware", showFirmware(d)) attributeEntry(attributes, "Site", showSite(d, config)) attributeEntry(attributes, "Uptime", showUptime(d)) attributeEntry(attributes, "Teil des Netzes", showFirstseen(d)) attributeEntry(attributes, "Kanal 2.4 GHz", showWifiChannel(dictGet(d.nodeinfo, ["wireless", "chan2"]))) attributeEntry(attributes, "Kanal 5 GHz", showWifiChannel(dictGet(d.nodeinfo, ["wireless", "chan5"]))) attributeEntry(attributes, "Airtime 2.4 GHz", showAirtime(2, dictGet(d.statistics, ["wireless", "airtime2"]))) attributeEntry(attributes, "Airtime 5 GHz", showAirtime(5, dictGet(d.statistics, ["wireless", "airtime5"]))) attributeEntry(attributes, "Systemlast", showLoad(d)) attributeEntry(attributes, "Arbeitsspeicher", showRAM(d)) attributeEntry(attributes, "IP Adressen", showIPs(d)) attributeEntry(attributes, "Webseite", showPages(d)) attributeEntry(attributes, "Gewähltes Gateway", showGateway(d, router)) attributeEntry(attributes, "Autom. Updates", showAutoupdate(d)) attributeEntry(attributes, "Clients", showClients(d), showMeshClients(d)) el.appendChild(attributes) if (config.nodeInfos) config.nodeInfos.forEach( function (nodeInfo) { var h4 = document.createElement("h4") h4.textContent = nodeInfo.name el.appendChild(h4) el.appendChild(showStatImg(nodeInfo, d)) }) if (d.neighbours.length > 0) { var h3 = document.createElement("h3") h3.textContent = "Links (" + d.neighbours.length + ")" el.appendChild(h3) var table = document.createElement("table") var thead = document.createElement("thead") var tr = document.createElement("tr") var th1 = document.createElement("th") th1.textContent = " " tr.appendChild(th1) var th2 = document.createElement("th") th2.textContent = "Knoten" th2.classList.add("sort-default") tr.appendChild(th2) var th3 = document.createElement("th") th3.textContent = "TQ" tr.appendChild(th3) var th4 = document.createElement("th") th4.textContent = "Typ" tr.appendChild(th4) var th5 = document.createElement("th") th5.textContent = "Entfernung" tr.appendChild(th5) thead.appendChild(tr) table.appendChild(thead) var tbody = document.createElement("tbody") d.neighbours.forEach( function (d) { var unknown = !(d.node) var tr = document.createElement("tr") var td1 = document.createElement("td") td1.appendChild(document.createTextNode(d.incoming ? " ← " : " → ")) tr.appendChild(td1) var td2 = document.createElement("td") td2.appendChild(createLink(d, router)) if (!unknown && has_location(d.node)) { var span = document.createElement("span") span.classList.add("icon") span.classList.add("ion-location") td2.appendChild(span) } tr.appendChild(td2) var td3 = document.createElement("td") var a2 = document.createElement("a") a2.href = "#" a2.textContent = showTq(d.link) a2.onclick = router.link(d.link) td3.appendChild(a2) tr.appendChild(td3) var td4 = document.createElement("td") var a3 = document.createElement("a") a3.href = "#" a3.textContent = d.link.type a3.onclick = router.link(d.link) td4.appendChild(a3) tr.appendChild(td4) var td5 = document.createElement("td") var a4 = document.createElement("a") a4.href = "#" a4.textContent = showDistance(d.link) a4.onclick = router.link(d.link) td5.appendChild(a4) td5.setAttribute("data-sort", d.link.distance !== undefined ? -d.link.distance : 1) tr.appendChild(td5) tbody.appendChild(tr) }) table.appendChild(tbody) table.className = "node-links" new Tablesort(table) el.appendChild(table) } } })