main.js 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. define(["config", "moment", "chroma-js", "router", "map", "sidebar", "tabs", "container", "meshstats", "linklist", "nodelist", "simplenodelist", "infobox/main", "leaflet"],
  2. function (config, moment, chroma, Router, Map, Sidebar, Tabs, Container, Meshstats, Linklist, Nodelist, SimpleNodelist, Infobox, L) {
  3. return function () {
  4. var linklist, lostnodeslist, map, meshstats, newnodeslist, nodelist, router
  5. function createGUI() {
  6. moment.locale("de")
  7. router = new Router()
  8. var linkScale = chroma.scale(chroma.interpolate.bezier(["green", "yellow", "red"])).domain([1, 5])
  9. var sidebar = new Sidebar(document.body)
  10. var infobox = new Infobox(config, sidebar, router)
  11. var tabs = new Tabs()
  12. var overview = new Container()
  13. map = new Map(linkScale, sidebar, router)
  14. document.body.insertBefore(map.div, document.body.firstChild)
  15. meshstats = new Meshstats()
  16. newnodeslist = new SimpleNodelist(config, "firstseen", router, "Neue Knoten")
  17. lostnodeslist = new SimpleNodelist(config, "lastseen", router, "Verschwundene Knoten")
  18. nodelist = new Nodelist(router)
  19. linklist = new Linklist(linkScale, router)
  20. overview.add(meshstats)
  21. overview.add(newnodeslist)
  22. overview.add(lostnodeslist)
  23. sidebar.add(tabs)
  24. tabs.add("Übersicht", overview)
  25. tabs.add("Alle Knoten", nodelist)
  26. tabs.add("Verbindungen", linklist)
  27. router.addTarget(infobox)
  28. router.addTarget(map)
  29. }
  30. function handleData(data) {
  31. var nodedict = data[0]
  32. var nodes = Object.keys(nodedict.nodes).map(function (key) { return nodedict.nodes[key] })
  33. nodes = nodes.filter( function (d) {
  34. return "firstseen" in d && "lastseen" in d
  35. })
  36. nodes.forEach( function(node) {
  37. node.firstseen = moment.utc(node.firstseen)
  38. node.lastseen = moment.utc(node.lastseen)
  39. })
  40. var now = moment()
  41. var age = moment(now).subtract(14, "days")
  42. var newnodes = limit("firstseen", age, sortByKey("firstseen", nodes).filter(online))
  43. var lostnodes = limit("lastseen", age, sortByKey("lastseen", nodes).filter(offline))
  44. var graph = data[1].batadv
  45. var graphnodes = data[0].nodes
  46. graph.nodes.forEach( function (d) {
  47. if (d.node_id in graphnodes)
  48. d.node = graphnodes[d.node_id]
  49. })
  50. graph.links.forEach( function (d) {
  51. if (graph.nodes[d.source].node)
  52. d.source = graph.nodes[d.source]
  53. else
  54. d.source = undefined
  55. if (graph.nodes[d.target].node)
  56. d.target = graph.nodes[d.target]
  57. else
  58. d.target = undefined
  59. })
  60. var links = graph.links.filter( function (d) {
  61. return d.source !== undefined && d.target !== undefined
  62. })
  63. links.forEach( function (d) {
  64. if (!("location" in d.source.node.nodeinfo && "location" in d.target.node.nodeinfo))
  65. return
  66. d.latlngs = []
  67. d.latlngs.push(L.latLng(d.source.node.nodeinfo.location.latitude, d.source.node.nodeinfo.location.longitude))
  68. d.latlngs.push(L.latLng(d.target.node.nodeinfo.location.latitude, d.target.node.nodeinfo.location.longitude))
  69. d.distance = d.latlngs[0].distanceTo(d.latlngs[1])
  70. })
  71. nodes.forEach( function (d) {
  72. d.neighbours = []
  73. })
  74. links.forEach( function (d) {
  75. d.source.node.neighbours.push({ node: d.target.node, link: d })
  76. d.target.node.neighbours.push({ node: d.source.node, link: d })
  77. })
  78. map.setData(now, nodes, links, newnodes, lostnodes)
  79. meshstats.setData(nodes)
  80. nodelist.setData(now, nodes)
  81. linklist.setData(links)
  82. newnodeslist.setData(newnodes)
  83. lostnodeslist.setData(lostnodes)
  84. router.setData(nodes, links)
  85. }
  86. var urls = [ config.dataPath + "nodes.json",
  87. config.dataPath + "graph.json"
  88. ]
  89. Promise.all(urls.map(getJSON))
  90. .then(function (d) {
  91. createGUI()
  92. return d
  93. })
  94. .then(handleData)
  95. .then(function () { router.start() })
  96. }
  97. })