From 204318ef880ef616c9750dbce51976b1645bf0c0 Mon Sep 17 00:00:00 2001
From: N0rdye <dev@n0r.su>
Date: Mon, 3 Jul 2023 00:25:18 +0500
Subject: [PATCH] right click hendler

---
 views/header.ejs | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/views/header.ejs b/views/header.ejs
index 59bba5d..9fda58c 100644
--- a/views/header.ejs
+++ b/views/header.ejs
@@ -25,6 +25,23 @@
     /* button{
         /* margin-inline: 5px; */
     /* } */
+    #ctxmenu {
+    position: fixed;
+    background: ghostwhite;
+    color: black;
+    cursor: pointer;
+    border: 1px black solid
+    }
+
+    #ctxmenu > p {
+    padding: 0 1rem;
+    margin: 0
+    }
+
+    #ctxmenu > p:hover {
+    background: black;
+    color: ghostwhite
+    }
 </style>
 <header id="top_panel">
     <!-- <div id="user_name"></div> -->
@@ -50,4 +67,17 @@
     }
     right.innerHTML += "<button onclick='logout();'>logout</button>";
 });
+
+oncontextmenu = (e) => {
+  e.preventDefault()
+//   console.log(e);
+  if(e.target.id == "user_name"){
+    let menu = document.createElement("div")
+    menu.id = "ctxmenu"
+    menu.style = `top:${e.pageY+20}px;left:${e.pageX-40}px`
+    menu.onmouseleave = () => ctxmenu.outerHTML = ''
+    menu.innerHTML = "<p>Option1</p><p>Option2</p><p>Option3</p><p>Option4</p>"
+    document.body.appendChild(menu)
+  }
+}
 </script>
\ No newline at end of file