2019-03-27 02:20:54 +03:00
|
|
|
//color in palette has been clicked
|
|
|
|
function clickedColor (e){
|
|
|
|
|
|
|
|
//left clicked color
|
|
|
|
if (e.which == 1) {
|
2020-04-04 10:41:56 +03:00
|
|
|
// remove current color selection
|
|
|
|
var selectedColor = document.querySelector('#colors-menu li.selected');
|
|
|
|
if (selectedColor) selectedColor.classList.remove('selected');
|
2019-03-27 02:20:54 +03:00
|
|
|
|
2020-04-04 10:41:56 +03:00
|
|
|
//set current color
|
2020-09-26 12:51:18 +03:00
|
|
|
for (let i=1; i<layers.length - nAppLayers; i++) {
|
2020-06-16 17:04:36 +03:00
|
|
|
layers[i].context.fillStyle = this.style.backgroundColor;
|
|
|
|
}
|
2020-04-04 10:41:56 +03:00
|
|
|
|
2020-06-16 17:04:36 +03:00
|
|
|
currentGlobalColor = this.style.backgroundColor;
|
2020-04-04 10:41:56 +03:00
|
|
|
//make color selected
|
|
|
|
e.target.parentElement.classList.add('selected');
|
|
|
|
|
|
|
|
} else if (e.which == 3) { //right clicked color
|
2021-01-01 19:17:55 +03:00
|
|
|
//console.log('right clicked color button');
|
2020-04-04 10:41:56 +03:00
|
|
|
|
|
|
|
//hide edit color button (to prevent it from showing)
|
|
|
|
e.target.parentElement.lastChild.classList.add('hidden');
|
|
|
|
|
|
|
|
//show color picker
|
|
|
|
e.target.jscolor.show();
|
2019-03-27 02:20:54 +03:00
|
|
|
}
|
|
|
|
}
|
2020-04-04 10:41:56 +03:00
|
|
|
|