www.spaceplanner.app

commit 9349cd6b0a3c900c82d981a2dfe5ef231ebef225
parent 14d4099abc18f52acd04cbe69eb0e56b7ebac157
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date:   Fri, 23 Aug 2024 18:48:39 -0700

Put menu's etc. into the toolbar

Diffstat:
M
files/floorplans/floorplan/main.js
 | 
30
+++++++++++++++++-------------

1 file changed, 17 insertions(+), 13 deletions(-)
diff --git a/files/floorplans/floorplan/main.js b/files/floorplans/floorplan/main.js
@@ -259,12 +259,13 @@ function pointMapTypeHandler(event, editor, state) {
 	if (state.menu) {
 		throw new Error("Menu should have already been removed")
 	}
-	state.menu = document.body.appendChild(
-		radioMenu(editor, "map_type", ["wall", "door"], state.orig, { callbacks: {
-			commit: commit,
-			change: change
-		}})
-	)
+	state.menu = document.body.querySelector(".toolbar")
+		.appendChild(
+			item(radioMenu(editor, "Type", ["wall", "door"], state.orig, { callbacks: {
+				commit: commit,
+				change: change
+			}}))
+		)
 
 	event.preventDefault()
 }
@@ -273,10 +274,11 @@ function radioMenu(editor, key, values, initial, options) {
 	options = options ?? {}
 	options.callbacks = options.callbacks ?? {}
 
-	let menu = document.createElement("aside")
-	menu.classList.add("terminal")
+	let menu = document.createElement("div")
 	menu.classList.add("menu")
 
+	menu.appendChild(document.createTextNode(key + ": "))
+
 	let form = menu.appendChild(document.createElement("form"))
 	let container = form
 
@@ -296,6 +298,7 @@ function radioMenu(editor, key, values, initial, options) {
 		container.append(radios[i])
 	}
 
+	container.appendChild(document.createTextNode(" "))
 	let submit = container.appendChild(document.createElement("input"))
 	submit.setAttribute("type", "submit")
 	submit.setAttribute("value", "Change")
@@ -393,7 +396,7 @@ function preciseAddPointHandler(event, editor, state) {
 	const cleanup = function() {
 		state.line.remove()
 		state.point.remove()
-		state.terminal.remove()
+		state.menu.remove()
 		for (let i in state) {
 			delete state[i]
 		}
@@ -466,10 +469,11 @@ function preciseAddPointHandler(event, editor, state) {
 			.addClass("point")
 			.addClass("preview")
 			.select()
-		state.terminal = document.body
-			.appendChild(document.createElement("aside"))
-		state.terminal.classList.add("terminal")
-		state.len = state.terminal
+		state.menu = document.body.querySelector(".toolbar")
+			.appendChild(document.createElement("li"))
+		state.menu.classList.add("menu")
+		state.menu.appendChild(document.createTextNode("Length: "))
+		state.len = state.menu
 			.appendChild(document.createElement("input"))
 		state.len.value = 0
 		state.len.addEventListener("input", function(event) {