freifunk/ffmap-backend
8
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

allow toggling of labels

Browse source
This commit is contained in:
Nils Schneider 2012-09-04 14:14:37 +02:00
parent 15cb028583
commit 4161c8aab4
1 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
html/force.js
View file

@ -104,11 +104,17 @@ btns.append("button")
.on("click", update_graph) .on("click", update_graph)
btns.append("button") btns.append("button")
.attr("class", "btn active right") .attr("class", "btn active middle")
.attr("value", "vpn") .attr("value", "vpn")
.text("VPN") .text("VPN")
.on("click", update_graph) .on("click", update_graph)
btns.append("button")
.attr("class", "btn active right")
.attr("value", "labels")
.text("Labels")
.on("click", update_graph)
var meshinfo = d3.select("#sidebar") var meshinfo = d3.select("#sidebar")
.insert("div", ":first-child") .insert("div", ":first-child")
@ -287,7 +293,7 @@ force.on("tick", function() {
var data var data
var visible = {clients: true, vpn: true} var visible = {clients: true, vpn: true, labels: true}
function reload() { function reload() {
d3.json(nodes_json, function(json) { d3.json(nodes_json, function(json) {
@ -484,7 +490,8 @@ function update() {
.attr("rx", function(d) { .attr("rx", function(d) {
var r var r
if (d.flags.client) r = 4 if (d.flags.client) r = 4
else r = Math.max(10, d.name.length * 5) else if (visible.labels) r = Math.max(10, d.name.length * 5)
else r = 10
d.rx = r d.rx = r
@ -493,6 +500,7 @@ function update() {
.attr("ry", function(d) { .attr("ry", function(d) {
var r var r
if (d.flags.client) r = 4 if (d.flags.client) r = 4
else if (visible.labels) r = 10
else r = 10 else r = 10
d.ry = r d.ry = r
@ -509,7 +517,12 @@ function update() {
.attr("y", "4px") .attr("y", "4px")
node.selectAll("text.name") node.selectAll("text.name")
.text(function(d) { return d.name }) .text(function(d) {
if (visible.labels)
return d.name
return ""
})
nodeEnter.append("title") nodeEnter.append("title")