hover-click to changes color mode

This commit is contained in:
relikd
2022-03-13 19:41:43 +01:00
parent 1a5e613a83
commit c859376234

14
draw.js
View File

@@ -64,15 +64,15 @@ function draw(changes_graph=false) {
} else { } else {
draw_lines_group(loops, circle_points); draw_lines_group(loops, circle_points);
} }
set_selection_options();
// apply coloring // apply coloring
if (colorMode == 'loop') { if (colorMode == 'loop') {
set_colors_loop() set_colors_loop();
} else if (colorMode == 'length') { } else if (colorMode == 'length') {
set_colors_loop_length(mod); set_colors_loop_length(mod);
} else if (colorMode == 'segment') { } else if (colorMode == 'segment') {
set_colors_line_length(circle_points); set_colors_line_length(circle_points);
} else if (colorMode == 'select') { } else if (colorMode == 'select') {
set_selection_options()
if (prev_sel && !changes_graph) { if (prev_sel && !changes_graph) {
sel.value = prev_sel; sel.value = prev_sel;
} }
@@ -278,16 +278,20 @@ function set_selection_options() {
} }
function loop_hover_click(sender) { function loop_hover_click(sender) {
if (document.getElementById('color').value != 'select') {
return;
}
var node = sender.querySelector(':hover'); var node = sender.querySelector(':hover');
var indexOfChild = 0; var indexOfChild = 0;
while (node = node.previousSibling) { while (node = node.previousSibling) {
if (node.nodeType === 1) { ++indexOfChild; } if (node.nodeType === 1) { ++indexOfChild; }
} }
document.getElementById('select').value = indexOfChild; document.getElementById('select').value = indexOfChild;
let color = document.getElementById('color');
if (color.value == 'select') {
update_highlight(); update_highlight();
} else {
color.value = 'select';
change_color_mode();
draw();
}
} }
function update_highlight() { function update_highlight() {