add nodelist

lib/main.js

@@ -1,9 +1,9 @@
-require(["router", "map", "sidebar", "tabs", "container", "meshstats", "linklist", "simplenodelist", "infobox/main"],
+require(["router", "map", "sidebar", "tabs", "container", "meshstats", "linklist", "nodelist", "simplenodelist", "infobox/main"],
-function (Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, SimpleNodelist, Infobox) {
+function (Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, Nodelist, SimpleNodelist, Infobox) {
   getJSON("config.json").then(main)
 
   function main(config) {
-    var linklist, lostnodeslist, map, meshstats, newnodeslist, router
+    var linklist, lostnodeslist, map, meshstats, newnodeslist, nodelist, router
 
     function createGUI() {
       moment.locale("de")
@@ -22,6 +22,7 @@ function (Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, SimpleNode
       meshstats = new Meshstats()
       newnodeslist = new SimpleNodelist(config, "firstseen", router, "Neue Knoten")
       lostnodeslist = new SimpleNodelist(config, "lastseen", router, "Verschwundene Knoten")
+      nodelist = new Nodelist(router)
       linklist = new Linklist(linkScale, router)
 
       sidebar.add(meshstats)
@@ -29,6 +30,7 @@ function (Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, SimpleNode
       newlost.add(newnodeslist)
       newlost.add(lostnodeslist)
       tabs.add("Neu & Verschwunden", newlost)
+      tabs.add("Alle Knoten", nodelist)
       tabs.add("Verbindungen", linklist)
 
       router.addTarget(infobox)
@@ -111,6 +113,7 @@ function (Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, SimpleNode
 
       map.setData(now, newnodes, lostnodes, onlinenodes, links)
       meshstats.setData(nodes)
+      nodelist.setData(now, nodes)
       linklist.setData(links)
       newnodeslist.setData(newnodes)
       lostnodeslist.setData(lostnodes)

lib/nodelist.js

@@ -0,0 +1,99 @@
+define(function () {
+  return function(router) {
+    var self = this
+    var el
+
+    self.render = function (d)  {
+      el = document.createElement("div")
+      d.appendChild(el)
+    }
+
+    self.setData = function (now, nodes) {
+      if (nodes.length == 0)
+        return
+
+      var h2 = document.createElement("h2")
+      h2.textContent = "Knoten"
+      el.appendChild(h2)
+
+      var table = document.createElement("table")
+      var thead = document.createElement("thead")
+
+      var tr = document.createElement("tr")
+      var th1 = document.createElement("th")
+      th1.textContent = "Knoten"
+      tr.appendChild(th1)
+
+      var th2 = document.createElement("th")
+      th2.textContent = "Firmware"
+      tr.appendChild(th2)
+
+      var th3 = document.createElement("th")
+      th3.textContent = "Uptime"
+      tr.appendChild(th3)
+
+      thead.appendChild(tr)
+
+      table.appendChild(thead)
+
+      var tbody = document.createElement("tbody")
+
+      nodes.forEach( function (d) {
+        var row = document.createElement("tr")
+
+        var td1 = document.createElement("td")
+        var a = document.createElement("a")
+        a.textContent = d.nodeinfo.hostname
+        a.href = "#"
+        a.onclick = router.node(d)
+        a.classList.add("hostname")
+        a.classList.add(d.flags.online ? "online" : "offline")
+        td1.appendChild(a)
+        row.appendChild(td1)
+
+        if (has_location(d)) {
+          var span = document.createElement("span")
+          span.classList.add("icon")
+          span.classList.add("ion-location")
+          td1.appendChild(span)
+        }
+
+        var td2 = document.createElement("td")
+        td2.textContent = "software" in d.nodeinfo ? d.nodeinfo.software.firmware.release : ""
+        row.appendChild(td2)
+
+        var td3 = document.createElement("td")
+        showUptime(td3, d)
+        row.appendChild(td3)
+
+        tbody.appendChild(row)
+      })
+
+      table.appendChild(tbody)
+
+      new Tablesort(table)
+
+      el.appendChild(table)
+
+      function showUptime(el, d) {
+        var uptime
+        if (d.flags.online && "uptime" in d.statistics)
+          uptime = Math.round(d.statistics.uptime / 3600)
+        else if (!d.flags.online && "lastseen" in d)
+          uptime = Math.round(-(now - d.lastseen) / 3600000)
+
+        var s = ""
+
+        if (uptime !== undefined) {
+          if (Math.abs(uptime) >= 24)
+            s = Math.round(uptime/24) + "d"
+          else
+            s = uptime + "h"
+        }
+
+        el.textContent = s
+        el.setAttribute("data-sort", uptime !== undefined ? -uptime : 0)
+      }
+    }
+  }
+})