From 205a36008672c7137e9190f243a9ba137d679e11 Mon Sep 17 00:00:00 2001
From: xengineering <me@xengineering.eu>
Date: Sun, 23 Apr 2023 22:01:50 +0200
Subject: Replace JavaScript on edit page by form

This is actually possible when using <textarea> instead of <pre>. With
this change the recipe server has full support for browsers without
JavaScript.
---
 data/templates/recipe_edit.html | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

(limited to 'data/templates/recipe_edit.html')

diff --git a/data/templates/recipe_edit.html b/data/templates/recipe_edit.html
index fc1d74c..6ef41f8 100644
--- a/data/templates/recipe_edit.html
+++ b/data/templates/recipe_edit.html
@@ -14,18 +14,13 @@
 		</header>
 
 		<main>
-			<pre contenteditable="true" id="editor">{{.Text}}</pre>
-			<button onclick="save()">save</button>
-			<a href="/recipe?id={{.Id}}"><button>back</button></a>
+			<form action="/recipe/edit" method="POST">
+				<input type="hidden" name="id" value="{{.Id}}" />
+				<textarea style="resize:none;font-family:monospace, monospace;font-size: 1rem;" rows="18" wrap="soft" name="text">{{.Text}}</textarea>
+				<button type="submit">save</button>
+				<a href="/recipe?id={{.Id}}"><button type="button">cancel</button></a>
+			</form>
 			{{ template "footer.html" }}
 		</main>
-
-		<script>
-			function save() {
-				const xhttp = new XMLHttpRequest();
-				xhttp.open("POST", "/recipe/edit?id={{.Id}}", true);
-				xhttp.send(document.getElementById('editor').innerText);
-			}
-		</script>
 	</body>
 </html>
-- 
cgit v1.2.3-70-g09d2