135 lines
4.2 KiB
JavaScript
135 lines
4.2 KiB
JavaScript
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) {
|
|
return function () {
|
|
var linklist, lostnodeslist, map, meshstats, newnodeslist, nodelist, router
|
|
|
|
function createGUI() {
|
|
moment.locale("de")
|
|
|
|
router = new Router()
|
|
|
|
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)
|
|
var tabs = new Tabs()
|
|
var overview = new Container()
|
|
|
|
map = new Map(linkScale, sidebar, router)
|
|
document.body.insertBefore(map.div, document.body.firstChild)
|
|
|
|
meshstats = new Meshstats()
|
|
newnodeslist = new SimpleNodelist(config, "new", "firstseen", router, "Neue Knoten")
|
|
lostnodeslist = new SimpleNodelist(config, "lost", "lastseen", router, "Verschwundene Knoten")
|
|
nodelist = new Nodelist(router)
|
|
linklist = new Linklist(linkScale, router)
|
|
|
|
overview.add(meshstats)
|
|
overview.add(newnodeslist)
|
|
overview.add(lostnodeslist)
|
|
|
|
sidebar.add(tabs)
|
|
tabs.add("Übersicht", overview)
|
|
tabs.add("Alle Knoten", nodelist)
|
|
tabs.add("Verbindungen", linklist)
|
|
|
|
router.addTarget(infobox)
|
|
router.addTarget(map)
|
|
}
|
|
|
|
function handleData(data) {
|
|
var nodes = Object.keys(data[0].nodes).map(function (key) { return data[0].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()
|
|
var age = moment(now).subtract(14, "days")
|
|
|
|
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 })
|
|
})
|
|
|
|
return { now: now,
|
|
timestamp: data[0].timestamp,
|
|
nodes: {
|
|
all: nodes,
|
|
new: newnodes,
|
|
lost: lostnodes
|
|
},
|
|
links: links
|
|
}
|
|
}
|
|
|
|
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 (d) {
|
|
map.setData(d)
|
|
meshstats.setData(d)
|
|
nodelist.setData(d)
|
|
linklist.setData(d)
|
|
newnodeslist.setData(d)
|
|
lostnodeslist.setData(d)
|
|
router.setData(d)
|
|
})
|
|
.then(function () { router.start() })
|
|
|
|
}
|
|
})
|