meshviewer/lib/legend.js
2017-01-27 01:01:35 +01:00

48 lines
1.8 KiB
JavaScript

define(["helper"], function (helper) {
"use strict";
return function (config) {
var self = this;
var stats = document.createTextNode("");
var timestamp = document.createTextNode("");
self.setData = function (d) {
var totalNodes = helper.sum(d.nodes.all.map(helper.one));
var totalOnlineNodes = helper.sum(d.nodes.all.filter(helper.online).map(helper.one));
var totalClients = helper.sum(d.nodes.all.filter(helper.online).map(function (d) {
return d.statistics.clients ? d.statistics.clients : 0;
}));
var totalGateways = helper.sum(d.nodes.all.filter(helper.online).filter(function (d) {
return d.flags.gateway;
}).map(helper.one));
stats.textContent = totalNodes + " Knoten, " +
"davon " + totalOnlineNodes + " Knoten online " +
"mit " + totalClients + " Client" + ( totalClients === 1 ? " " : "s " ) +
"auf " + totalGateways + " Gateway" + ( totalGateways === 1 ? "" : "s" );
timestamp.textContent = "Stand: " + d.timestamp.format("DD.MM.Y HH:mm");
};
self.render = function (el) {
var h2 = document.createElement("h2");
h2.textContent = config.siteName;
el.appendChild(h2);
var p = document.createElement("p");
p.classList.add("legend");
p.innerHTML = '<span class="legend-new"><span class="symbol"></span> Neuer Knoten</span>' +
'<span class="legend-online"><span class="symbol"></span> Knoten ist online</span>' +
'<span class="legend-offline"><span class="symbol"></span> Knoten ist offline</span>';
el.appendChild(p);
p.appendChild(document.createElement("br"));
p.appendChild(stats);
p.appendChild(document.createElement("br"));
p.appendChild(timestamp);
};
return self;
};
});