From 5fdbffdd7e946e967ab4f98435e5bac882b26e51 Mon Sep 17 00:00:00 2001
From: matt <matt@fiddaman.net>
Date: Mon, 18 Apr 2022 15:52:11 +0000
Subject: [PATCH] Added edit markup to testResult partial

---
 views/partials/testResult.hbs | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/views/partials/testResult.hbs b/views/partials/testResult.hbs
index 0bfe371..81971bb 100644
--- a/views/partials/testResult.hbs
+++ b/views/partials/testResult.hbs
@@ -1,4 +1,4 @@
-<div class='testPage__testResultWrapper'>
+<div class='testPage__testResultWrapper' data-id='{{ result.id }}'>
 	<div>
 		{{#eq userType 'account'}}
 		<div>
@@ -28,4 +28,36 @@
 			<span>{{result.percentage}}%</span>
 		</div>
 	</div>
+
+	{{#if edit}}
+	<div class='testPage__testResult__edit'>
+		{{>button style='full' colour='primary' addClasses='resultEdit' content='Edit result'}}
+
+		<form style='display: none;' method='post' action='{{linkRoot}}/{{result.id}}/edit' >
+			<input type='number' name='mark' id='mark' min=0 max={{result.test.template.maxMark}} placeholder='{{result.mark}}' />
+			<input type='submit' value='Submit new mark' />
+		</form>
+	</div>
+	{{/if}}
 </div>
+
+{{#if edit}}
+<script>
+	document.querySelector('.testPage__testResultWrapper[data-id="{{result.id}}"] a.resultEdit').addEventListener('click', (e) => {
+		e.preventDefault();
+
+		const form = e.path[1].childNodes[3];
+		const link = e.path[0];
+
+		link.innerText =
+			(form.style.display === 'none')
+				? 'Hide edit box'
+				: 'Edit result';
+
+		form.style.display =
+			(form.style.display === 'none')
+				? 'grid'
+				: 'none';
+	});
+</script>
+{{/if}}