CIRCL
/
lookyloo
mirror of https://github.com/CIRCL/lookyloo
2
0
Fork 0
Code Issues Releases Wiki Activity

chg: Tooltip on collapse/expand subtree 

Fix #119
pull/122/head
Raphaël Vinot 2020-11-04 13:43:34 +01:00
parent 171cd4ecd2
commit 2c3cfa31a1
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
website/web/static/tree.js
View File

@ -383,7 +383,28 @@ function update(root, computed_node_width=0) {
.attr('class', 'node')
.attr('r', 1e-6)
.style("fill", d => d._children ? "lightsteelblue" : "#fff")
.on('click', (event, d) => toggle_children_collapse(event, d));
.on('mouseover', (event, d) => {
if (d.children || d._children) {
d3.select('#tooltip')
.style('opacity', 1)
.style('left', `${event.pageX + 10}px`)
.style('top', `${event.pageY + 10}px`)
.text(d.children ? 'Collapse the childrens of this node.' : 'Expand the childrens of this node.');
};
}
)
.on('mouseout', (event, d) => {
if (d.children || d._children) {
d3.select('#tooltip').style('opacity', 0)
};
}
)
.on('click', (event, d) => {
if (d.children || d._children) {
toggle_children_collapse(event, d)
};
}
);
let node_data = node_group
.append('svg')
@ -574,7 +595,11 @@ function update(root, computed_node_width=0) {
.select('circle.node')
.attr('r', 10)
.style("fill", node => node._children ? "lightsteelblue" : "#fff")
.attr('cursor', 'pointer');
.attr('cursor', (d) => {
if (d.children || d._children) {
return 'pointer';
}
});
});