59 lines
1.2 KiB
JavaScript
59 lines
1.2 KiB
JavaScript
const menu = document.querySelector(".menu");
|
|
let menuVisible = false;
|
|
let active_card = null;
|
|
|
|
const toggleMenu = command => {
|
|
menu.style.display = command === "show" ? "block" : "none";
|
|
menu.style.zIndex = "9999";
|
|
menuVisible = !menuVisible;
|
|
};
|
|
|
|
const setPosition = ({ top, left }) => {
|
|
menu.style.left = `${left}px`;
|
|
menu.style.top = `${top}px`;
|
|
toggleMenu("show");
|
|
};
|
|
|
|
|
|
document.body.addEventListener("click", e => {
|
|
if(menuVisible) toggleMenu("hide");
|
|
});
|
|
|
|
document.body.addEventListener("contextmenu", e => {
|
|
e.preventDefault();
|
|
|
|
let target = e.target;
|
|
let elm = target;
|
|
while (elm.nodeName != "BODY") {
|
|
if (!elm.classList.contains("card")) {
|
|
elm = elm.parentElement;
|
|
} else {
|
|
active_card = elm;
|
|
break
|
|
}
|
|
}
|
|
|
|
let posY = e.pageY;
|
|
let posX = e.pageX - 165;
|
|
|
|
if (e.pageY > (window.innerHeight - 120)) {
|
|
posY = window.innerHeight - 220;
|
|
}
|
|
|
|
if (e.pageX > (window.innerWidth - 80)) {
|
|
posX = window.innerWidth - 320;
|
|
}
|
|
|
|
if (e.pageX < 80) {
|
|
posX = e.pageX + 180;
|
|
}
|
|
|
|
const origin = {
|
|
left: posX,
|
|
top: posY
|
|
};
|
|
|
|
setPosition(origin);
|
|
return false;
|
|
});
|