Removed live indicator + began to write graphics menu

This commit is contained in:
l_samenv
2024-08-08 16:19:21 +02:00
parent 13a105183b
commit aef9813590
14 changed files with 222 additions and 8 deletions

View File

@ -0,0 +1,42 @@
class MenuPopup extends HTMLElement{
constructor(){
super();
}
hide(){
this.style.visibility = "hidden";
}
show(){
this.style.visibility = "visible";
}
connectedCallback(){
this.render();
this.hide();
document.getElementById("menu-popup-close").onclick = () => {this.hide()};
}
render(){
this.innerHTML = `
<div id="menu">
<div id="menu_title_container">
<span>Menu</span>
<img src="res/close.png" id="menu-popup-close">
</div>
</div>
`;
let cursorDescription = `
To remove the cursor, you can double click on any graph.
`
let menuContainer = document.getElementById("menu");
menuContainer.appendChild(new HorizontalDivider());
let cursorHelp = new HelpEntry("How to remove the cursor", cursorDescription);
menuContainer.appendChild(cursorHelp);
}
}
customElements.define("sea-menu", MenuPopup);