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

chg: Rename flag => bookmark 

Related: #118

Fix: #114
pull/122/head
Raphaël Vinot 2020-11-03 17:04:04 +01:00
parent 99c939fd7f
commit 6e3f051752
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -143,10 +143,10 @@ function LocateNode(hostnode_uuid) {
glow(); glow();
}; };
function UnflagAllNodes() { function UnbookmarkAllNodes() {
d3.selectAll('.node_data').select('rect').style('fill', 'white'); d3.selectAll('.node_data').select('rect').style('fill', 'white');
d3.selectAll('.node_data').select('text').style('fill', 'black'); d3.selectAll('.node_data').select('text').style('fill', 'black');
d3.selectAll('.node_data').select("#flag") d3.selectAll('.node_data').select("#bookmark")
.text("🏁") .text("🏁")
.on('click', (event, d) => NodeHighlight(d.data.uuid)) .on('click', (event, d) => NodeHighlight(d.data.uuid))
.on('mouseover', (event, d) => { .on('mouseover', (event, d) => {
@ -154,7 +154,7 @@ function UnflagAllNodes() {
.style('opacity', 1) .style('opacity', 1)
.style('left', `${event.pageX + 10}px`) .style('left', `${event.pageX + 10}px`)
.style('top', `${event.pageY + 10}px`) .style('top', `${event.pageY + 10}px`)
.text('Flag this node'); .text('Bookmark this node');
}) })
.on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0)); .on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0));
}; };
@ -166,10 +166,10 @@ function MarkAsLegitimate(capture_uuid, hostnode_uuid=null, urlnode_uuid=null) {
$.post(`/tree/${capture_uuid}/mark_as_legitimate`, data); $.post(`/tree/${capture_uuid}/mark_as_legitimate`, data);
}; };
function UnflagHostNode(hostnode_uuid) { function UnbookmarkHostNode(hostnode_uuid) {
d3.select(`#node_${hostnode_uuid}`).select('rect').style('fill', 'white'); d3.select(`#node_${hostnode_uuid}`).select('rect').style('fill', 'white');
d3.select(`#node_${hostnode_uuid}`).select('text').style('fill', 'black'); d3.select(`#node_${hostnode_uuid}`).select('text').style('fill', 'black');
d3.select(`#node_${hostnode_uuid}`).select("#flag") d3.select(`#node_${hostnode_uuid}`).select("#bookmark")
.text("🏁") .text("🏁")
.on('click', (event, d) => NodeHighlight(d.data.uuid)) .on('click', (event, d) => NodeHighlight(d.data.uuid))
.on('mouseover', (event, d) => { .on('mouseover', (event, d) => {
@ -177,7 +177,7 @@ function UnflagHostNode(hostnode_uuid) {
.style('opacity', 1) .style('opacity', 1)
.style('left', `${event.pageX + 10}px`) .style('left', `${event.pageX + 10}px`)
.style('top', `${event.pageY + 10}px`) .style('top', `${event.pageY + 10}px`)
.text('Flag this node'); .text('Bookmark this node');
}) })
.on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0)); .on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0));
}; };
@ -188,15 +188,15 @@ function NodeHighlight(hostnode_uuid) {
d3.select(`#node_${hostnode_uuid}`).select('rect').style('fill', 'black'); d3.select(`#node_${hostnode_uuid}`).select('rect').style('fill', 'black');
d3.select(`#node_${hostnode_uuid}`).select('text').style('fill', 'white'); d3.select(`#node_${hostnode_uuid}`).select('text').style('fill', 'white');
d3.select(`#node_${hostnode_uuid}`).select("#flag") d3.select(`#node_${hostnode_uuid}`).select("#bookmark")
.text('❌') .text('❌')
.on('click', (event, d) => UnflagHostNode(d.data.uuid)) .on('click', (event, d) => UnbookmarkHostNode(d.data.uuid))
.on('mouseover', (event, d) => { .on('mouseover', (event, d) => {
d3.select('#tooltip') d3.select('#tooltip')
.style('opacity', 1) .style('opacity', 1)
.style('left', `${event.pageX + 10}px`) .style('left', `${event.pageX + 10}px`)
.style('top', `${event.pageY + 10}px`) .style('top', `${event.pageY + 10}px`)
.text('Remove flag on this node'); .text('Remove bookmark on this node');
}) })
.on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0)); .on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0));
}; };
@ -430,12 +430,12 @@ function update(root, computed_node_width=0) {
let selected_node_bbox = d3.select(this).select('rect').node().getBoundingClientRect(); // Required, as the node width need to include the rectangle let selected_node_bbox = d3.select(this).select('rect').node().getBoundingClientRect(); // Required, as the node width need to include the rectangle
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 Flag // Set Bookmark
d3.select(this).append("text") d3.select(this).append("text")
.attr('x', `${selected_node_bbox.width - 12}px`) .attr('x', `${selected_node_bbox.width - 12}px`)
.attr('y', '20px') .attr('y', '20px')
.style("font-size", "16px") .style("font-size", "16px")
.attr("id", "flag") .attr("id", "bookmark")
.text("🏁") .text("🏁")
.attr('cursor', 'pointer') .attr('cursor', 'pointer')
.on('click', (event, d) => NodeHighlight(d.data.uuid)) .on('click', (event, d) => NodeHighlight(d.data.uuid))
@ -444,7 +444,7 @@ function update(root, computed_node_width=0) {
.style('opacity', 1) .style('opacity', 1)
.style('left', `${event.pageX + 10}px`) .style('left', `${event.pageX + 10}px`)
.style('top', `${event.pageY + 10}px`) .style('top', `${event.pageY + 10}px`)
.text('Flag this node'); .text('Bookmark this node');
}) })
.on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0)); .on('mouseout', (event, d) => d3.select('#tooltip').style('opacity', 0));

2
website/web/templates/tree.html
View File

@ -117,7 +117,7 @@
</li> </li>
{% endif %} {% endif %}
<li> <li>
<a href="#/" role="button" onclick="UnflagAllNodes();">Unflag all nodes</a> <a href="#/" role="button" onclick="UnbookmarkAllNodes();">Unbookmark all nodes</a>
</li> </li>
<li> <li>
<a href="{{ url_for('image', tree_uuid=tree_uuid) }}" role="button">Download screenshot</a> <a href="{{ url_for('image', tree_uuid=tree_uuid) }}" role="button">Download screenshot</a>