define(["chroma-js", "virtual-dom", "numeral-intl"], function (Chroma, V, numeral) { return function (config) { var self = this var scale = Chroma.scale("YlGnBu").mode("lab") var fwTable = document.createElement("table") fwTable.classList.add("proportion") var hwTable = document.createElement("table") hwTable.classList.add("proportion") var geoTable = document.createElement("table") geoTable.classList.add("proportion") var autoTable = document.createElement("table") autoTable.classList.add("proportion") var gwTable = document.createElement("table") gwTable.classList.add("proportion") function showStatGlobal(o) { var content, caption if (o.thumbnail) { content = document.createElement("img") content.src = o.thumbnail } if (o.caption) { caption = o.caption if (!content) content = document.createTextNode(caption) } var p = document.createElement("p") if (o.href) { var link = document.createElement("a") link.target = "_blank" link.href = o.href link.appendChild(content) if (caption && o.thumbnail) link.title = caption p.appendChild(link) } else p.appendChild(content) return p } function count(nodes, key, f) { var dict = {} nodes.forEach( function (d) { var v = dictGet(d, key.slice(0)) if (f !== undefined) v = f(v) if (v === null) return dict[v] = 1 + (v in dict ? dict[v] : 0) }) return Object.keys(dict).map(function (d) { return [d, dict[d]] }) } function fillTable(table, data) { if (!table.last) table.last = V.h("table") var max = 0 data.forEach(function (d) { if (d[1] > max) max = d[1] }) var items = data.map(function (d) { var v = d[1] / max var c1 = Chroma.contrast(scale(v), "white") var c2 = Chroma.contrast(scale(v), "black") var th = V.h("th", d[0]) var td = V.h("td", V.h("span", {style: { width: Math.round(v * 100) + "%", backgroundColor: scale(v).hex(), color: c1 > c2 ? "white" : "black" }}, numeral(d[1]).format("0,0"))) return V.h("tr", [th, td]) }) var tableNew = V.h("table", items) table = V.patch(table, V.diff(table.last, tableNew)) table.last = tableNew } self.setData = function (data) { var onlineNodes = data.nodes.all.filter(online) var nodes = onlineNodes.concat(data.nodes.lost) var nodeDict = {} data.nodes.all.forEach(function (d) { nodeDict[d.nodeinfo.node_id] = d }) var fwDict = count(nodes, ["nodeinfo", "software", "firmware", "release"]) var hwDict = count(nodes, ["nodeinfo", "hardware", "model"]) var geoDict = count(nodes, ["nodeinfo", "location"], function (d) { if (d) return "ja" else return "nein" }) var autoDict = count(nodes, ["nodeinfo", "software", "autoupdater"], function (d) { if (d === null) return null else if (d.enabled) return d.branch else return "(deaktiviert)" }) var gwDict = count(onlineNodes, ["statistics", "gateway"], function (d) { if (d === null) return null if (d in nodeDict) return nodeDict[d].nodeinfo.hostname return d }) fillTable(fwTable, fwDict.sort(function (a, b) { return b[1] - a[1] })) fillTable(hwTable, hwDict.sort(function (a, b) { return b[1] - a[1] })) fillTable(geoTable, geoDict.sort(function (a, b) { return b[1] - a[1] })) fillTable(autoTable, autoDict.sort(function (a, b) { return b[1] - a[1] })) fillTable(gwTable, gwDict.sort(function (a, b) { return b[1] - a[1] })) } self.render = function (el) { var h2 h2 = document.createElement("h2") h2.textContent = "Firmwareversionen" el.appendChild(h2) el.appendChild(fwTable) h2 = document.createElement("h2") h2.textContent = "Hardwaremodelle" el.appendChild(h2) el.appendChild(hwTable) h2 = document.createElement("h2") h2.textContent = "Auf der Karte sichtbar" el.appendChild(h2) el.appendChild(geoTable) h2 = document.createElement("h2") h2.textContent = "Autoupdater" el.appendChild(h2) el.appendChild(autoTable) h2 = document.createElement("h2") h2.textContent = "Gewählter Gateway" el.appendChild(h2) el.appendChild(gwTable) if (config.globalInfos) config.globalInfos.forEach( function (globalInfo) { h2 = document.createElement("h2") h2.textContent = globalInfo.name el.appendChild(h2) el.appendChild(showStatGlobal(globalInfo)) }) } return self } })