define(function () {
  return function (config) {
    var self = this;
    var stats, timestamp;

    self.setData = function (d) {
      var totalNodes = sum(d.nodes.all.map(one));
      var totalOnlineNodes = sum(d.nodes.all.filter(online).map(one));
      var totalNewNodes = sum(d.nodes.new.map(one));
      var totalLostNodes = sum(d.nodes.lost.map(one));
      var totalClients = sum(d.nodes.all.filter(online).map(function (d) {
        return d.statistics.clients ? d.statistics.clients : 0;
      }));
      var totalGateways = sum(d.nodes.all.filter(online).filter(function (d) {
        return d.flags.gateway;
      }).map(one));

      var nodetext = [{count: totalOnlineNodes, label: "online"},
        {count: totalNewNodes, label: "neu"},
        {count: totalLostNodes, label: "verschwunden"}
      ].filter(function (d) {
        return d.count > 0;
      })
        .map(function (d) {
          return [d.count, d.label].join(" ");
        })
        .join(", ");

      stats.textContent = totalNodes + " Knoten " +
        "(" + nodetext + "), " +
        totalClients + " Client" + ( totalClients === 1 ? ", " : "s, " ) +
        totalGateways + " Gateways";

      timestamp.textContent = "Diese Daten sind von " + d.timestamp.format("LLLL") + ".";
    };

    self.render = function (el) {
      var h2 = document.createElement("h2");
      h2.textContent = config.siteName;
      el.appendChild(h2);

      var p = document.createElement("p");
      el.appendChild(p);
      stats = document.createTextNode("");
      p.appendChild(stats);
      p.appendChild(document.createElement("br"));
      timestamp = document.createTextNode("");
      p.appendChild(timestamp);
    };

    return self;
  };
});