require(["map", "sidebar", "meshstats", "linklist", "simplenodelist", "infobox/main"], function (Map, Sidebar, Meshstats, Linklist, SimpleNodelist, Infobox) { main() function main() { getJSON("config.json").then( function (config) { moment.locale("de") var linkScale = chroma.scale(chroma.interpolate.bezier(['green', 'yellow', 'red'])).domain([1, 5]) var sidebar = new Sidebar(document.body) var router = new Router(config) var infobox = new Infobox(config, sidebar, router) router.addTarget(infobox) var map = new Map(linkScale, sidebar, router) document.body.insertBefore(map.div, document.body.firstChild) router.addTarget(map) var meshstats = new Meshstats() sidebar.add(meshstats) var newnodeslist = new SimpleNodelist(config, "firstseen", router, "Neue Knoten") sidebar.add(newnodeslist) var lostnodeslist = new SimpleNodelist(config, "lastseen", router, "Verschwundene Knoten") sidebar.add(lostnodeslist) var linklist = new Linklist(linkScale, router) sidebar.add(linklist) var urls = [ config.dataPath + 'nodes.json', config.dataPath + 'graph.json' ] var p = Promise.all(urls.map(getJSON)) p.then(handle_data(sidebar, meshstats, linklist, newnodeslist, lostnodeslist, infobox, map, router)) }) } function handle_data(sidebar, meshstats, linklist, newnodeslist, lostnodeslist, infobox, map, router) { return function (data) { 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() 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 onlinenodes = nodes.filter(online) 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, newnodes, lostnodes, onlinenodes, links) meshstats.setData(nodes) linklist.setData(links) newnodeslist.setData(newnodes) lostnodeslist.setData(lostnodes) var historyDict = { nodes: {}, links: {} } nodes.forEach( function (d) { historyDict.nodes[d.nodeinfo.node_id] = d }) links.forEach( function (d) { historyDict.links[linkId(d)] = d }) router.reset(false) gotoHistory(router, historyDict, window.location.hash) window.onpopstate = function (d) { gotoHistory(router, historyDict, d.state) } } } function pushHistory(d) { var s = "#!" if (d) { if ("node" in d) s += "n:" + d.node.nodeinfo.node_id if ("link" in d) s += "l:" + linkId(d.link) } window.history.pushState(s, undefined, s) } function gotoHistory(router, dict, s) { if (!s.startsWith("#!")) return s = s.slice(2) var args = s.split(":") if (args[0] === "n") { var id = args[1] if (id in dict.nodes) router.node(dict.nodes[id], true, false)() } if (args[0] === "l") { var id = args[1] if (id in dict.links) router.link(dict.links[id], true, false)() } } function Router(config, nodes) { var targets = [] var self = this var infobox function resetView(push) { push = trueDefault(push) targets.forEach( function (t) { t.resetView() }) if (push) pushHistory() } function gotoNode(d, showMap, push) { showMap = trueDefault(showMap) push = trueDefault(push) targets.forEach( function (t) { t.gotoNode(d) }) if (push) pushHistory( { node: d }) return false } function gotoLink(d, showMap, push) { showMap = trueDefault(showMap) push = trueDefault(push) targets.forEach( function (t) { t.gotoLink(d) }) if (push) pushHistory( { link: d }) return false } self.node = function (d, m, p) { return function () { return gotoNode(d, m, p) }} self.link = function (d, m, p) { return function () { return gotoLink(d, m, p) }} self.reset = resetView self.addMarkers = function (d) { markers = d } self.addTarget = function (d) { targets.push(d) } return self } })