allow toggling of labels

This commit is contained in:
Nils Schneider 2012-09-04 14:14:37 +02:00
parent 15cb028583
commit 4161c8aab4

View file

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