define(["moment", "numeral", "tablesort", "tablesort.number", "moment.de"], 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 = "\uF47E ".repeat(d.statistics.clients); el.appendChild(span); var spanmesh = document.createElement("span"); spanmesh.classList.add("clientsMesh"); spanmesh.textContent = "\uF47E ".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); } }); } 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", numeral(d.statistics.loadavg).format("0.00"))); }; } 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) { if (!target) { return document.createTextNode("unknown"); } var unknown = !(target.node); var text = unknown ? (target.id ? target.id : target) : target.node.nodeinfo.hostname; if (!unknown) { var link = document.createElement("a"); link.classList.add("hostname-link"); link.href = "#"; link.onclick = router.node(target.node); link.textContent = text; return link; } return document.createTextNode(text); } 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) { var num = 0; while (gw && nh && gw.id !== nh.id && num < 10) { if (num !== 0) { el.appendChild(document.createTextNode(" -> ")); } el.appendChild(createLink(nh, router)); num++; if (!nh.node || !nh.node.statistics) { break; } if (!dictGet(nh.node.statistics, ["gateway"]) || !dictGet(nh.node.statistics, ["gateway"]).id) { break; } if (dictGet(nh.node.statistics, ["gateway"]).id !== gw.id) { break; } if (dictGet(nh.node.statistics, ["gateway_nexthop"])) { nh = dictGet(nh.node.statistics, ["gateway_nexthop"]); } else if (dictGet(nh.node.statistics, ["nexthop"])) { nh = dictGet(nh.node.statistics, ["nexthop"]); } else { break; } } if (gw && nh && gw.id !== nh.id) { if (num !== 0) { el.appendChild(document.createTextNode(" -> ")); } num++; el.appendChild(document.createTextNode("...")); } if (num !== 0) { el.appendChild(document.createTextNode(" -> ")); } 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 document.createTextNode("Knotenname"); } 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.replace(/[^a-z0-9\-]/ig, '_') : "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, dictGet(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.className = 'ion-inside'; td1.appendChild(document.createTextNode(d.incoming ? " \uF3D5 " : " \uF3D6 ")); 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); } }; });