add refresh button
parent
cee7805e26
commit
8e518a3a85
|
@ -183,19 +183,31 @@ function highlight(b) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function goto_node(d) {
|
||||||
|
show_node_info(d)
|
||||||
|
}
|
||||||
|
|
||||||
function show_node_info(d) {
|
function show_node_info(d) {
|
||||||
d3.selectAll("#nodeinfo").remove()
|
d3.selectAll("#nodeinfo").remove()
|
||||||
|
|
||||||
nodeinfo = d3.select("#chart")
|
nodeinfo = d3.select("#chart")
|
||||||
.append("div")
|
.append("div")
|
||||||
.attr("id", "nodeinfo")
|
.attr("id", "nodeinfo")
|
||||||
|
|
||||||
nodeinfo.append("button")
|
nodeinfo.append("button")
|
||||||
.attr("class", "close")
|
.attr("class", "close")
|
||||||
.text("x")
|
.text("x")
|
||||||
.on("click", function(d) {
|
.on("click", function() {
|
||||||
nodeinfo.remove()
|
nodeinfo.remove()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
nodeinfo.append("button")
|
||||||
|
.attr("class", "refresh")
|
||||||
|
.text("refresh")
|
||||||
|
.on("click", function() {
|
||||||
|
goto_node(d)
|
||||||
|
})
|
||||||
|
|
||||||
nodeinfo.append("h1")
|
nodeinfo.append("h1")
|
||||||
.text(d.name + " / " + d.id)
|
.text(d.name + " / " + d.id)
|
||||||
|
|
||||||
|
@ -210,7 +222,7 @@ function show_node_info(d) {
|
||||||
.data(d.vpns)
|
.data(d.vpns)
|
||||||
.enter().append("li")
|
.enter().append("li")
|
||||||
.append("a")
|
.append("a")
|
||||||
.on("click", show_node_info)
|
.on("click", goto_node)
|
||||||
.attr("href", "#")
|
.attr("href", "#")
|
||||||
.text(function(d) {
|
.text(function(d) {
|
||||||
return d.name || d.macs
|
return d.name || d.macs
|
||||||
|
@ -558,7 +570,7 @@ function update() {
|
||||||
.attr("class", "node")
|
.attr("class", "node")
|
||||||
.on("mouseover", highlight(true))
|
.on("mouseover", highlight(true))
|
||||||
.on("mouseout", highlight(false))
|
.on("mouseout", highlight(false))
|
||||||
.on("click", show_node_info)
|
.on("click", goto_node)
|
||||||
.call(node_drag)
|
.call(node_drag)
|
||||||
|
|
||||||
nodeEnter.append("ellipse")
|
nodeEnter.append("ellipse")
|
||||||
|
|
Loading…
Reference in New Issue