feat: admin group panel

ui/modules/close.js

@@ -0,0 +1,46 @@
+import { fetchCallback } from "./fetch.js";
+
+let isOpen = false;
+
+export function closeUI() {
+    if (!isOpen) return;
+    isOpen = false;
+    document.body.style.opacity = "0";
+    setTimeout(() => {
+        fetchCallback("hide");
+    }, 400);
+}
+
+export function setOpen(state) {
+    isOpen = state;
+}
+
+document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") closeUI();
+});
+
+document.addEventListener("click", (event) => {
+    const mainPage = document.querySelector(".main-page");
+    const editPanel = document.querySelector(".edit-panel");
+    if (!mainPage || !editPanel) return;
+
+    const mainRect = mainPage.getBoundingClientRect();
+    const editRect = editPanel.getBoundingClientRect();
+
+    const insideMainPage =
+        event.clientX >= mainRect.left &&
+        event.clientX <= mainRect.right &&
+        event.clientY >= mainRect.top &&
+        event.clientY <= mainRect.bottom;
+
+    const insideEditPanel =
+        event.clientX >= editRect.left &&
+        event.clientX <= editRect.right &&
+        event.clientY >= editRect.top &&
+        event.clientY <= editRect.bottom;
+
+    if (!insideMainPage && !insideEditPanel) {
+        closeUI();
+    }
+});
+

ui/modules/fetch.js

@@ -0,0 +1,9 @@
+export function fetchCallback(name, data, cb) {
+    fetch(`https://${GetParentResourceName()}/${name}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json; charset=UTF-8" },
+        body: JSON.stringify(data)
+    }).then(resp => resp.json()).then(resp => {
+        if (cb) cb(resp);
+    });
+}

ui/modules/listener.js

@@ -0,0 +1,15 @@
+const nuiMessages = {};
+
+window.addEventListener("message", function(event) {
+    const item = event.data;
+    const listener = nuiMessages[item.type];
+    if (!listener) return;
+    for (let i = 0; i < listener.length; i++) {
+        listener[i](item);
+    }
+});
+
+export function nuiMessage(name, cb) {
+    if (!nuiMessages[name]) nuiMessages[name] = [];
+    nuiMessages[name].push(cb);
+}