swarga/latin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Tried to fix the problem with veryfying the asnwers.

Browse Source
This commit is contained in:
sergiusz 2020-12-07 01:21:16 +01:00
parent c3598b099f
commit 051a878a69
3 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/routes.py
View File

@ -18,8 +18,6 @@ capitula = [
for capitulum in capitula:
capitulum['filename'] = capitulum['title'].replace(' ', '_')
print(capitula)
@app.route('/')
@app.route('/index')
@app.route('/llpsi')

3
app/static/css/LLPSI.css
View File

@ -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;
}
}

32
app/templates/Pensum_cloze.html
View File

@ -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>