www.spaceplanner.app

commit b3812407ffc1a8f941b531cf4f976cf0b8fc6dfa
parent 64d7caef5a5c63966f54d17dabdb1355550f4db4
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date:   Mon,  5 Aug 2024 23:48:36 -0700

Add dismiss button to errors

Simply deletes the element.

Diffstat:
M
files/css/main.css
 | 
4
++++
M
files/lib/etc.js
 | 
13
+++++++++++++

2 files changed, 17 insertions(+), 0 deletions(-)
diff --git a/files/css/main.css b/files/css/main.css
@@ -4,6 +4,10 @@
 	padding: .5rem;
 }
 
+.error > button {
+	float: right;
+}
+
 body {
 	margin: 4rem;
 }
diff --git a/files/lib/etc.js b/files/lib/etc.js
@@ -6,6 +6,12 @@ function authorize() {
         }
 }
 
+function delete_element_func(element) {
+	return function() {
+		element.remove()
+	}
+}
+
 function set_error(message, on) {
         if (!on) {
                 on = document.body
@@ -18,6 +24,13 @@ function set_error(message, on) {
                 let err_elem = document.createElement("p")
                 err_elem.textContent = message
                 err_elem.classList = "error"
+
+		let close = document.createElement("button")
+		close.addEventListener("click", delete_element_func(err_elem), false)
+		close.appendChild(document.createTextNode("X"))
+
+		err_elem.append(close)
+
                 on.before(err_elem)
         }
 }