Freifunk-Troisdorf/meshviewer
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

colorize link TQ in long list

Browse Source
This commit is contained in:
Nils Schneider 2015-03-23 16:41:05 +01:00
parent c9d825041b
commit 64a39d6c7e
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
history.js
View File

@ -8,6 +8,8 @@ function main() {
zoomControl: false zoomControl: false
} }
var linkScale = chroma.scale(chroma.interpolate.bezier(['green', 'yellow', 'red'])).domain([1, 5])
var mapDiv = document.createElement("div") var mapDiv = document.createElement("div")
mapDiv.classList.add("map") mapDiv.classList.add("map")
document.body.insertBefore(mapDiv, document.body.firstChild) document.body.insertBefore(mapDiv, document.body.firstChild)
@ -22,11 +24,11 @@ function main() {
] ]
var p = Promise.all(urls.map(getJSON)) var p = Promise.all(urls.map(getJSON))
p.then(handle_data(config, sidebar, infobox, map, gotoAnything)) p.then(handle_data(config, linkScale, sidebar, infobox, map, gotoAnything))
}) })
} }
function handle_data(config, sidebar, infobox, map, gotoAnything) { function handle_data(config, linkScale, sidebar, infobox, map, gotoAnything) {
return function (data) { return function (data) {
var nodedict = data[0] var nodedict = data[0]
var nodes = Object.keys(nodedict.nodes).map(function (key) { return nodedict.nodes[key] }) var nodes = Object.keys(nodedict.nodes).map(function (key) { return nodedict.nodes[key] })
@ -92,14 +94,14 @@ function handle_data(config, sidebar, infobox, map, gotoAnything) {
d.target.node.neighbours.push({ node: d.source.node, link: d }) d.target.node.neighbours.push({ node: d.source.node, link: d })
}) })
var markers = mkmap(map, sidebar, now, newnodes, lostnodes, onlinenodes, links, gotoAnything) var markers = mkmap(map, linkScale, sidebar, now, newnodes, lostnodes, onlinenodes, links, gotoAnything)
gotoAnything.addMarkers(markers) gotoAnything.addMarkers(markers)
showMeshstats(sidebar, nodes) showMeshstats(sidebar, nodes)
mkNodesList(sidebar, config.showContact, "firstseen", gotoAnything.node, "Neue Knoten", newnodes) mkNodesList(sidebar, config.showContact, "firstseen", gotoAnything.node, "Neue Knoten", newnodes)
mkNodesList(sidebar, config.showContact, "lastseen", gotoAnything.node, "Verschwundene Knoten", lostnodes) mkNodesList(sidebar, config.showContact, "lastseen", gotoAnything.node, "Verschwundene Knoten", lostnodes)
mkLinkList(sidebar, gotoAnything.link, links) mkLinkList(sidebar, linkScale, gotoAnything.link, links)
var historyDict = { nodes: {}, links: {} } var historyDict = { nodes: {}, links: {} }
@ -144,7 +146,7 @@ function mkSidebar(el) {
return container return container
} }
function mkmap(map, sidebar, now, newnodes, lostnodes, onlinenodes, graph, gotoAnything) { function mkmap(map, linkScale, sidebar, now, newnodes, lostnodes, onlinenodes, graph, gotoAnything) {
function mkMarker(dict, iconFunc) { function mkMarker(dict, iconFunc) {
return function (d) { return function (d) {
var opt = { icon: iconFunc(d), var opt = { icon: iconFunc(d),
@ -194,7 +196,7 @@ function mkmap(map, sidebar, now, newnodes, lostnodes, onlinenodes, graph, gotoA
maxZoom: 18 maxZoom: 18
}).addTo(map) }).addTo(map)
var markersDict = addLinksToMap(map, graph, gotoAnything) var markersDict = addLinksToMap(linkScale, map, graph, gotoAnything)
var nodes = newnodes.concat(lostnodes).filter(has_location) var nodes = newnodes.concat(lostnodes).filter(has_location)
@ -242,17 +244,15 @@ function mkmap(map, sidebar, now, newnodes, lostnodes, onlinenodes, graph, gotoA
return funcDict return funcDict
} }
function addLinksToMap(map, graph, gotoAnything) { function addLinksToMap(linkScale, map, graph, gotoAnything) {
var markersDict = {} var markersDict = {}
var scale = chroma.scale(chroma.interpolate.bezier(['green', 'yellow', 'red'])).domain([1, 5])
graph = graph.filter( function (d) { graph = graph.filter( function (d) {
return "distance" in d return "distance" in d
}) })
var lines = graph.map( function (d) { var lines = graph.map( function (d) {
var opts = { color: scale(d.tq).hex(), var opts = { color: linkScale(d.tq).hex(),
weight: 4 weight: 4
} }
@ -271,7 +271,7 @@ function addLinksToMap(map, graph, gotoAnything) {
return markersDict return markersDict
} }
function mkLinkList(el, gotoProxy, links) { function mkLinkList(el, linkScale, gotoProxy, links) {
if (links.length == 0) if (links.length == 0)
return return
@ -317,6 +317,7 @@ function mkLinkList(el, gotoProxy, links) {
var td2 = document.createElement("td") var td2 = document.createElement("td")
td2.textContent = showTq(d) td2.textContent = showTq(d)
td2.style.color = linkScale(d.tq)
row.appendChild(td2) row.appendChild(td2)
var td3 = document.createElement("td") var td3 = document.createElement("td")