TS conversion

webpage/contextmenu.ts

@@ -0,0 +1,61 @@
+class Contextmenu{
+    static currentmenu;
+    name:string;
+    buttons:[string,Function,string,Function,Function][];
+    div:HTMLDivElement;
+    static setup(){
+        Contextmenu.currentmenu="";
+        document.addEventListener('click', function(event) {
+            if(Contextmenu.currentmenu==""){
+                return;
+            }
+            if (!Contextmenu.currentmenu.contains(event.target)) {
+                Contextmenu.currentmenu.remove();
+                Contextmenu.currentmenu="";
+            }
+        });
+    }
+    constructor(name:string){
+        this.name=name;
+        this.buttons=[]
+    }
+    addbutton(text:string,onclick:Function,img=null,shown=_=>true,enabled=_=>true){
+        this.buttons.push([text,onclick,img,shown,enabled])
+        return {};
+    }
+    makemenu(x:number,y:number,addinfo:any,obj:HTMLElement){
+        const div=document.createElement("table");
+        div.classList.add("contextmenu");
+        for(const thing of this.buttons){
+            if(!thing[3](addinfo)){continue;}
+            const textb=document.createElement("tr");
+            const intext=document.createElement("button")
+            intext.disabled=!thing[4]();
+            textb["button"]=intext;
+            intext.classList.add("contextbutton")
+            intext.textContent=thing[0]
+            textb.appendChild(intext)
+            console.log(thing)
+            intext.onclick=thing[1].bind(addinfo,obj);
+            div.appendChild(textb);
+        }
+        if(Contextmenu.currentmenu!=""){
+            Contextmenu.currentmenu.remove();
+        }
+        div.style.top = y+'px';
+        div.style.left = x+'px';
+        document.body.appendChild(div);
+        console.log(div)
+        Contextmenu.currentmenu=div;
+        return this.div;
+    }
+    bind(obj:HTMLElement,addinfo:any=undefined){
+        obj.addEventListener("contextmenu", (event) => {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            this.makemenu(event.clientX,event.clientY,addinfo,obj)
+        });
+    }
+}
+Contextmenu.setup();
+export {Contextmenu as Contextmenu}