meshviewer/lib/legend.js

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;
  };
});