map-website/lib/nodelist.js

define(["sorttable", "virtual-dom", "numeral"], function (SortTable, V, numeral) {
  function getUptime(now, d) {
    if (d.flags.online && "uptime" in d.statistics)
      return Math.round(d.statistics.uptime / 3600)
    else if (!d.flags.online && "lastseen" in d)
      return Math.round(-(now - d.lastseen) / 3600000)
  }

  function showUptime(uptime) {
    var s = ""

    if (uptime !== undefined)
      if (Math.abs(uptime) >= 24)
        s = Math.round(uptime / 24) + "d"
      else
        s = uptime + "h"

    return s
  }

  var headings = [{ name: "Knoten",
                    sort: function (a, b) {
                      return a.nodeinfo.hostname.localeCompare(b.nodeinfo.hostname)
                    },
                    reverse: false
                  },
                  { name: "Uptime",
                    sort: function (a, b) { return a.uptime - b.uptime},
                    reverse: true
                  },
                  { name: "Clients",
                    sort: function (a, b) {
                      return ("clients" in a.statistics ? a.statistics.clients : -1) -
                             ("clients" in b.statistics ? b.statistics.clients : -1)
                    },
                    reverse: true
                  }]

  return function(router) {
    function renderRow(d) {
      var td1Content = []
      var aClass = ["hostname", d.flags.online ? "online" : "offline"]

      td1Content.push(V.h("a", { className: aClass.join(" "),
                                 onclick: router.node(d),
                                 href: "#"
                               }, d.nodeinfo.hostname))

      if (has_location(d))
        td1Content.push(V.h("span", {className: "icon ion-location"}))

      var td1 = V.h("td", td1Content)
      var td2 = V.h("td", showUptime(d.uptime))
      var td3 = V.h("td", numeral("clients" in d.statistics ? d.statistics.clients : "").format("0,0"))

      return V.h("tr", [td1, td2, td3])
    }

    var table = new SortTable(headings, 0, renderRow)

    this.render = function (d) {
      var el = document.createElement("div")
      d.appendChild(el)

      var h2 = document.createElement("h2")
      h2.textContent = "Alle Knoten"
      el.appendChild(h2)

      el.appendChild(table.el)
    }

    this.setData = function (d) {
      var data = d.nodes.all.map(function (e) {
        var n = Object.create(e)
        n.uptime = getUptime(d.now, e)
        return n
      })

      table.setData(data)
    }
  }
})