.charge(-100)
.size([width, height]);
-//d3.json("js/graph.json", function(error, json) {
d3.json("http://127.0.0.1:5001/restapi/network/d3jsgraph", function(error, json) {
if (error) throw error;
.enter().append("g")
.attr("class", "node")
.call(force.drag)
- .on("click", click);
+ .on("dblclick", dblclick)
- //node.append("image")
- // .attr("xlink:href", "https://github.com/favicon.ico")
- // .attr("x", -8)
- // .attr("y", -8)
- // .attr("width", 16)
- // .attr("height", 16);
node.append("circle")
.attr("r", 10)
.style("fill", function(d) { return color(d.group); });
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });
});
- // action to take on mouse click
- function click() {
- d3.select(this).select("text").transition()
- .duration(750)
- .attr("x", 22)
- .style("stroke", "lightsteelblue")
- .style("stroke-width", ".5px")
- .style("font", "20px sans-serif");
- d3.select(this).select("circle").transition()
- .duration(750)
- .attr("r", 16);
+ // action to take on double mouse click, call rest api to start xterm
+ function dblclick() {
+ var vnf_name = d3.select(this).text()
+ console.debug(vnf_name)
+ var rest_url = "http://127.0.0.1:5001/restapi/monitor/term?vnf_list=" + vnf_name
+
+ d3.json(rest_url, function(error, json) {
+ if (error) throw error;
+ console.debug(json)
+ });
}
+
});
\ No newline at end of file