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

new: Add tooltip for number of URLs in nodes

pull/145/head
Raphaël Vinot 2020-12-31 19:06:17 +01:00
parent 08bab591fe
commit d198cd3d93
1 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -273,7 +273,7 @@ function text_entry(relative_x_pos, relative_y_pos, d) {
.datum(d); .datum(d);
// Add labels for the nodes // Add labels for the nodes
let text_nodes = nodeContent.append("text") nodeContent.append("text")
.attr('dy', '.9em') .attr('dy', '.9em')
.attr("stroke", "white") .attr("stroke", "white")
.style("font-size", "16px") .style("font-size", "16px")
@ -296,12 +296,9 @@ function text_entry(relative_x_pos, relative_y_pos, d) {
} else { } else {
to_print = d.data.name to_print = d.data.name
}; };
if (d.data.urls_count > 1) {
return `${to_print} (${d.data.urls_count})`;
}
return to_print; return to_print;
}); });
return nodeContent.node(); return nodeContent.node();
} }
@ -428,6 +425,29 @@ function update(root, computed_node_width=0) {
d.node_width = selected_node_bbox.width; d.node_width = selected_node_bbox.width;
node_width = node_width > selected_node_bbox.width ? node_width : selected_node_bbox.width; node_width = node_width > selected_node_bbox.width ? node_width : selected_node_bbox.width;
// Set number of URLs after the hostname
if (d.data.urls_count > 1) {
d3.select(this).append("text")
.attr('x', d => d3.select(this).select('text').node().getBBox().width + 13)
.attr('y', 5)
.attr('dy', '.9em')
.attr("stroke", "white")
.style("font-size", "16px")
.attr("stroke-width", ".2px")
.style("opacity", .9)
.on('mouseover', (event, d) => {
d3.select('#tooltip')
.style('opacity', 1)
.style('left', `${event.pageX + 10}px`)
.style('top', `${event.pageY + 10}px`)
.text(`This node contains ${d.data.urls_count} URLs.`);
})
.on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0))
.text(d => {
return `(${d.data.urls_count})`;
});
};
// Set Bookmark // Set Bookmark
if (enable_bookmark) { if (enable_bookmark) {
d3.select(this).append("text") d3.select(this).append("text")