tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-28 08:14:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

New networkmaps in progress... (over and out node effect added to circles)

Browse Source
This commit is contained in:
Arturo Gonzalez 2016-10-06 11:46:57 +02:00
parent 2344ee9380
commit c4b8dd86d2
1 changed files with 37 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
pandora_console/include/javascript/functions_pandora_networkmap.js
View File

@ -2248,6 +2248,33 @@ function init_graph(parameter_object) {
}); });
} }
function myMouseoverFunction() {
var node_id = d3.select(this).attr("node_id");
var circle = d3.select("#id_node_" + node_id + " circle");
over = circle.classed("node_over");
in_a_node = !in_a_node;
circle.classed("node_over", !over);
circle.transition().duration(400)
.attr("r", node_radius + 10);
}
function myMouseoutFunction() {
var node_id = d3.select(this).attr("node_id");
var circle = d3.select("#id_node_" + node_id + " circle");
over = circle.classed("node_over");
in_a_node = !in_a_node;
circle.classed("node_over", !over);
circle.transition().duration(400)
.attr("r", node_radius);
}
function draw_elements_graph() { function draw_elements_graph() {
link = link.data(force.links(), function(d) { link = link.data(force.links(), function(d) {
return d.source.id + "-" + d.target.id; return d.source.id + "-" + d.target.id;
@ -2395,12 +2422,15 @@ function draw_elements_graph() {
.append("circle") .append("circle")
.attr("r", node_radius) .attr("r", node_radius)
.attr("class", "node_shape node_shape_circle") .attr("class", "node_shape node_shape_circle")
.attr("node_id", function(d) {
return d.id;
})
.style("fill", function(d) { .style("fill", function(d) {
return d.color; return d.color;
}) })
.classed('dragable_node', true) //own dragable .classed('dragable_node', true) //own dragable
.on("mouseover", over_node) .on("mouseover", myMouseoverFunction)
.on("mouseout", over_node) .on("mouseout", myMouseoutFunction)
.on("click", selected_node) .on("click", selected_node)
.on("contextmenu", function(d) { show_menu("node", d);}); .on("contextmenu", function(d) { show_menu("node", d);});
@ -2462,10 +2492,13 @@ function draw_elements_graph() {
.attr("height", function(d) { .attr("height", function(d) {
return d.image_height; return d.image_height;
}) })
.attr("node_id", function(d) {
return d.id;
})
.attr("id", "image2995") .attr("id", "image2995")
.classed('dragable_node', true) //own dragable .classed('dragable_node', true) //own dragable
.on("mouseover", over_node) .on("mouseover", myMouseoverFunction)
.on("mouseout", over_node) .on("mouseout", myMouseoutFunction)
.on("click", selected_node) .on("click", selected_node)
.on("contextmenu", function(d) { show_menu("node", d);}); .on("contextmenu", function(d) { show_menu("node", d);});
@ -2484,8 +2517,6 @@ function draw_elements_graph() {
return d.text; return d.text;
}) })
.classed('dragable_node', true) //own dragable .classed('dragable_node', true) //own dragable
.on("mouseover", over_node)
.on("mouseout", over_node)
.on("click", selected_node) .on("click", selected_node)
.on("contextmenu", function(d) { show_menu("node", d);}); .on("contextmenu", function(d) { show_menu("node", d);});