From 051a878a69074f10fc8c4ee92521056c3c875b2b Mon Sep 17 00:00:00 2001
From: sergiusz <sergiusz.warga@gmail.com>
Date: Mon, 7 Dec 2020 01:21:16 +0100
Subject: [PATCH] Tried to fix the problem with veryfying the asnwers.

---
 app/routes.py                   |  2 --
 app/static/css/LLPSI.css        |  3 ++-
 app/templates/Pensum_cloze.html | 32 ++++++++++++++++----------------
 3 files changed, 18 insertions(+), 19 deletions(-)
diff --git a/app/routes.py b/app/routes.py
index 406cf08..d4bd2f8 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -18,8 +18,6 @@ capitula = [
 for capitulum in capitula:
 	capitulum['filename'] = capitulum['title'].replace(' ', '_')
 
-print(capitula)
-
 @app.route('/')
 @app.route('/index')
 @app.route('/llpsi')
diff --git a/app/static/css/LLPSI.css b/app/static/css/LLPSI.css
index cf36141..98c2687 100644
--- a/app/static/css/LLPSI.css
+++ b/app/static/css/LLPSI.css
@@ -1,4 +1,5 @@
 input[type="text"] {
+	-webkit-appearance: none;
 	border: none;
 	border-bottom: 1px solid black;
 }
@@ -9,4 +10,4 @@ input[type="text"].incorrect {
 
 input[type="text"].correct {
 	background-color: green;
-}
\ No newline at end of file
+}
diff --git a/app/templates/Pensum_cloze.html b/app/templates/Pensum_cloze.html
index f41ef05..797af1a 100644
--- a/app/templates/Pensum_cloze.html
+++ b/app/templates/Pensum_cloze.html
@@ -6,12 +6,12 @@
 	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/LLPSI.css') }}">
 	<script type="text/javascript">
 		function adjust_size() {
-			const forms = document.querySelectorAll('form');
-			const form = forms[0];
-
-			Array.from(form.elements).forEach((input) => {
+			const pensum = document.querySelector('#Pensum');
+			const inputs = pensum.querySelectorAll('input');
+			inputs.forEach((input) => {
 				if (input.type=="text") {
-					input.setAttribute("style", input.getAttribute("style") + "; width: " + input.dataset.expected.length + "em");
+					input.setAttribute("value", "");
+					input.setAttribute("style", "width: " + input.dataset.expected.length + "em");
 				}
 			});
 		}
@@ -54,11 +54,10 @@
 
 
 		function validate() {
-			const forms = document.querySelectorAll('form');
-			const form = forms[0];
+			const pensum = document.querySelector('#Pensum');
+			const inputs = pensum.querySelectorAll('input');
 			
-
-			Array.from(form.elements).forEach((input) => {
+			inputs.forEach((input) => {
 				if (input.type=="text" && document.getElementById('vowel_length').checked == false) {
 					is_macron_ok = (input.value == input_to_nomacron(input.dataset.expected));
 					is_double_ok = false;
@@ -77,26 +76,27 @@
 		}
 
 		function show_answers() {
-			const forms = document.querySelectorAll('form');
-			const form = forms[0];
+			const pensum = document.querySelector('#Pensum');
+			const inputs = pensum.querySelectorAll('input');
 			
-			Array.from(form.elements).forEach((input) => {
+			inputs.forEach((input) => {
 				if (input.type=="text") {
 					input.setAttribute("value", input.dataset.expected);
+					input.removeAttribute("class");
 				}
 			});
 		}
 	</script>
 </head>
 <body>
-	<h1><a href="/latin/llpsi">Lingua Latina Per Se Illustrata</a></h1>
+	<h1><a href="/llpsi">Lingua Latina Per Se Illustrata</a></h1>
 	<h2>{{pensum_title}}</h2>
 	Quantitās: <input type="checkbox" id="vowel_length">
-	<form class="Pensum" onsubmit="return validate();">
+	<div id="Pensum">
 		{{pensum_content|safe}}
 		<br>
-		<input type="submit" value="Mitte"><button onclick="show_answers();">Responsa</button>
-	</form>
+		<button onclick="return validate();">Mitte</button><button onclick="return show_answers();">Responsa</button>
+	</div>
 	<script type="text/javascript">adjust_size();</script>
 </body>
 </html>
\ No newline at end of file
