view: Move all JS code to static/ceres.js

2 files changed, 47 insertions, 48 deletions

diff --git a/view/html/recipe-edit.html b/view/html/recipe-edit.html
index f2695f0..fb9cf74 100644
--- a/view/html/recipe-edit.html
+++ b/view/html/recipe-edit.html
@@ -31,54 +31,6 @@
 		</main>
 		{{ template "footer" }}
 		<script src="/static/view/static/ceres.js"></script>
-		<script>
-			function updateRecipe(event) {
-				event.preventDefault();
-
-				const form = event.target;
-				const url = form.getAttribute('action');
-				const data = new FormData(form);
-				let obj = Object.fromEntries(data.entries());
-
-				obj.steps = [];
-				const steps = document.querySelectorAll('form section textarea');
-				steps.forEach(step => {
-					let s = {};
-					s.text = step.value;
-					obj.steps.push(s);
-				});
-
-				fetch(url, {
-					method: 'POST',
-					headers: {'Content-Type': 'application/json'},
-					body: JSON.stringify(obj)
-				})
-				.then(response => {
-					if (response.ok) {
-						console.log('Form submitted successfully');
-					} else {
-						console.error('Form submission failed');
-					}
-					if (response.redirected) {
-						window.location.href = response.url;
-					}
-				})
-				.catch(error => {
-					console.error('Network error:', error);
-				});
-			}
-
-			function addNewStep() {
-				var newStep = document.createElement("section");
-				newStep.innerHTML = `
-					<textarea rows="4" cols="50" placeholder="Step description"></textarea>
-					<button type="button" onclick="parentNode.remove();">remove</button>
-				`;
-
-				var steps = document.querySelector("#steps");
-				steps.appendChild(newStep);
-			}
-		</script>
 	</body>
 </html>
 {{end}}
diff --git a/view/static/ceres.js b/view/static/ceres.js
index a8326da..abd5f30 100644
--- a/view/static/ceres.js
+++ b/view/static/ceres.js
@@ -49,3 +49,50 @@ function filter() {
 		}
 	}
 }
+
+function updateRecipe(event) {
+	event.preventDefault();
+
+	const form = event.target;
+	const url = form.getAttribute('action');
+	const data = new FormData(form);
+	let obj = Object.fromEntries(data.entries());
+
+	obj.steps = [];
+	const steps = document.querySelectorAll('form section textarea');
+	steps.forEach(step => {
+		let s = {};
+		s.text = step.value;
+		obj.steps.push(s);
+	});
+
+	fetch(url, {
+		method: 'POST',
+		headers: {'Content-Type': 'application/json'},
+		body: JSON.stringify(obj)
+	})
+	.then(response => {
+		if (response.ok) {
+			console.log('Form submitted successfully');
+		} else {
+			console.error('Form submission failed');
+		}
+		if (response.redirected) {
+			window.location.href = response.url;
+		}
+	})
+	.catch(error => {
+		console.error('Network error:', error);
+	});
+}
+
+function addNewStep() {
+	var newStep = document.createElement("section");
+	newStep.innerHTML = `
+		<textarea rows="4" cols="50" placeholder="Step description"></textarea>
+		<button type="button" onclick="parentNode.remove();">remove</button>
+	`;
+
+	var steps = document.querySelector("#steps");
+	steps.appendChild(newStep);
+}