meshviewer/lib/main.js

125 lines
4.0 KiB
JavaScript
Raw Normal View History

2015-03-29 14:14:10 +00:00
define(["config", "moment", "chroma-js", "router", "map", "sidebar", "tabs", "container", "meshstats", "linklist", "nodelist", "simplenodelist", "infobox/main", "leaflet"],
function (config, moment, chroma, Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, Nodelist, SimpleNodelist, Infobox, L) {
2015-03-29 02:35:20 +00:00
return function () {
2015-03-26 00:31:46 +00:00
var linklist, lostnodeslist, map, meshstats, newnodeslist, nodelist, router
2015-03-24 23:54:00 +00:00
function createGUI() {
moment.locale("de")
2015-03-24 23:54:00 +00:00
2015-03-29 14:14:10 +00:00
router = new Router()
2015-03-25 00:16:15 +00:00
2015-03-29 14:14:10 +00:00
var linkScale = chroma.scale(chroma.interpolate.bezier(["green", "yellow", "red"])).domain([1, 5])
var sidebar = new Sidebar(document.body)
var infobox = new Infobox(config, sidebar, router)
2015-03-25 23:33:11 +00:00
var tabs = new Tabs()
2015-03-26 12:18:55 +00:00
var overview = new Container()
2015-03-25 10:21:09 +00:00
map = new Map(linkScale, sidebar, router)
document.body.insertBefore(map.div, document.body.firstChild)
2015-03-25 10:21:09 +00:00
meshstats = new Meshstats()
newnodeslist = new SimpleNodelist(config, "firstseen", router, "Neue Knoten")
lostnodeslist = new SimpleNodelist(config, "lastseen", router, "Verschwundene Knoten")
2015-03-26 00:31:46 +00:00
nodelist = new Nodelist(router)
linklist = new Linklist(linkScale, router)
2015-03-26 12:18:55 +00:00
overview.add(meshstats)
overview.add(newnodeslist)
overview.add(lostnodeslist)
2015-03-25 23:33:11 +00:00
sidebar.add(tabs)
2015-03-26 12:18:55 +00:00
tabs.add("Übersicht", overview)
2015-03-26 00:31:46 +00:00
tabs.add("Alle Knoten", nodelist)
2015-03-25 23:33:11 +00:00
tabs.add("Verbindungen", linklist)
router.addTarget(infobox)
router.addTarget(map)
}
2015-03-24 23:54:00 +00:00
2015-03-29 14:14:10 +00:00
function handleData(data) {
2015-03-24 23:54:00 +00:00
var nodedict = data[0]
var nodes = Object.keys(nodedict.nodes).map(function (key) { return nodedict.nodes[key] })
nodes = nodes.filter( function (d) {
return "firstseen" in d && "lastseen" in d
})
nodes.forEach( function(node) {
node.firstseen = moment.utc(node.firstseen)
node.lastseen = moment.utc(node.lastseen)
})
var now = moment()
2015-03-29 14:14:10 +00:00
var age = moment(now).subtract(14, "days")
2015-03-24 23:54:00 +00:00
var newnodes = limit("firstseen", age, sortByKey("firstseen", nodes).filter(online))
var lostnodes = limit("lastseen", age, sortByKey("lastseen", nodes).filter(offline))
var graph = data[1].batadv
var graphnodes = data[0].nodes
graph.nodes.forEach( function (d) {
if (d.node_id in graphnodes)
d.node = graphnodes[d.node_id]
})
graph.links.forEach( function (d) {
if (graph.nodes[d.source].node)
d.source = graph.nodes[d.source]
else
d.source = undefined
if (graph.nodes[d.target].node)
d.target = graph.nodes[d.target]
else
d.target = undefined
})
var links = graph.links.filter( function (d) {
return d.source !== undefined && d.target !== undefined
})
links.forEach( function (d) {
if (!("location" in d.source.node.nodeinfo && "location" in d.target.node.nodeinfo))
return
d.latlngs = []
d.latlngs.push(L.latLng(d.source.node.nodeinfo.location.latitude, d.source.node.nodeinfo.location.longitude))
d.latlngs.push(L.latLng(d.target.node.nodeinfo.location.latitude, d.target.node.nodeinfo.location.longitude))
d.distance = d.latlngs[0].distanceTo(d.latlngs[1])
})
nodes.forEach( function (d) {
d.neighbours = []
})
links.forEach( function (d) {
d.source.node.neighbours.push({ node: d.target.node, link: d })
d.target.node.neighbours.push({ node: d.source.node, link: d })
})
map.setData(now, nodes, links, newnodes, lostnodes)
2015-03-25 14:33:36 +00:00
meshstats.setData(nodes)
2015-03-26 00:31:46 +00:00
nodelist.setData(now, nodes)
2015-03-25 15:04:23 +00:00
linklist.setData(links)
newnodeslist.setData(newnodes)
lostnodeslist.setData(lostnodes)
2015-03-25 19:25:41 +00:00
router.setData(nodes, links)
2015-03-24 23:54:00 +00:00
}
2015-03-29 14:14:10 +00:00
var urls = [ config.dataPath + "nodes.json",
config.dataPath + "graph.json"
]
Promise.all(urls.map(getJSON))
.then(function (d) {
createGUI()
return d
})
.then(handleData)
.then(function () { router.start() })
2015-03-24 23:54:00 +00:00
}
})