From f53af22391ddedf655da66ab6b332710dd92a24d Mon Sep 17 00:00:00 2001
From: DeTK <sda2225@gmail.com>
Date: Sat, 18 Mar 2023 18:34:11 +0900
Subject: [PATCH] Add a menu that can be moved from the main page

---
 web/extensions/menuMove.js | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 web/extensions/menuMove.js

diff --git a/web/extensions/menuMove.js b/web/extensions/menuMove.js
new file mode 100644
index 000000000..fd748c83a
--- /dev/null
+++ b/web/extensions/menuMove.js
@@ -0,0 +1,37 @@
+import { app } from "../scripts/app.js";
+
+const ext = {
+	name: "Comfy.MenuMove",
+
+	async init(app) {
+		let menuContainerRect = { f: false, x: 0, y: 0 };
+
+		document.addEventListener("mousemove", (event) => {
+			if (menuContainerRect.f) {
+				localStorage[`${this.name}.X`] = menu.style.left = `${((event.x - menuContainerRect.x) / window.innerWidth) * 100}%`;
+				localStorage[`${this.name}.Y`] = menu.style.top = `${((event.y - menuContainerRect.y) / window.innerHeight) * 100}%`;
+			}
+		});
+
+		document.addEventListener("mouseup", _ => {
+			menuContainerRect.f = false;
+		}, true);
+
+		const menu = document.querySelector("div.comfy-menu");
+
+		menu.onmousedown = event => {
+			if (menu === event.toElement) {
+				menuContainerRect.f = true;
+				menuContainerRect.x = event.offsetX;
+				menuContainerRect.y = event.offsetY;
+			}
+		}
+
+		menu.style.left = localStorage[`${this.name}.X`] ?? "";
+		menu.style.top = localStorage[`${this.name}.Y`] ?? "50%";
+
+		console.log("start Menu Moving!");
+	},
+};
+
+app.registerExtension(ext);