gogs
/
Anki
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok ui can rotate questions

master
Bel LaPointe 2023-04-07 13:22:13 -06:00
parent 1816500617
commit 80d987b69e
1 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
public/root.html
View File

@ -16,14 +16,15 @@
</header> </header>
<body> <body>
<!--{{USER}}--> <!--{{USER}}-->
<form id="flash" action="" onsubmit="return false; trySolve(this.children.idq.value, this.children.answer.value); return false;"> <form id="flash" action="">
<input type="text" name="idq" readonly=true value="" style="display: none;"> <input type="text" name="idq" readonly=true value="" style="display: none;">
<div name="question"></div> <div name="question"></div>
<div name="clues"></div> <div name="clues"></div>
<div name="solution"></div> <div name="solution"></div>
<input type="button" value="clue"> <input type="button" value="clue">
<input type="text" name="answer"> <input type="text" name="answer">
<input type="submit" value="submit"> <input type="button" value="pass" onclick="passQuestion(this.parentElement)">
<input type="button" value="fail" onclick="failQuestion(this.parentElement)">
<input type="button" value="skip" onclick="nextQuestion(this.parentElement)"> <input type="button" value="skip" onclick="nextQuestion(this.parentElement)">
</form> </form>
</body> </body>
@ -35,10 +36,35 @@
map((key) => [ map((key) => [
[key, knowledgebase[key]] [key, knowledgebase[key]]
]) ])
console.log(0, knowledgebase)
function passQuestion(form) {
pushAnswer(form.children.idq.value, form.children.answer.value, true)
nextQuestion(form)
}
function failQuestion(form) {
pushAnswer(form.children.idq.value, form.children.answer.value, false)
console.log(1, knowledgebase)
knowledgebase.push([[
form.children.idq.value,
{
Q: form.children.question.value,
Clues: form.children.clues.value,
Solution: form.children.solution.value,
},
]])
console.log(2, knowledgebase)
nextQuestion(form)
}
function pushAnswer(idq, answer, passed) {
console.log(idq, answer, passed)
}
function nextQuestion(form) { function nextQuestion(form) {
form.children.answer.value = "" form.children.answer.value = ""
let todo = knowledgebase.pop() let todo = knowledgebase.shift()
if (!todo) { if (!todo) {
todo = [0] todo = [0]
} }
@ -50,12 +76,14 @@
form.children.idq.value = todo[0] form.children.idq.value = todo[0]
form.children.question.innerHTML = `<h3>${todo[1].Q}</h3>` form.children.question.innerHTML = `<h3>${todo[1].Q}</h3>`
form.children.question.value = todo[1].Q
let clues = "" let clues = ""
for (var i in todo[1].Clues) { for (var i in todo[1].Clues) {
clues += `<details><summary>clue #${i}</summary>${todo[1].Clues[i]}</details>` clues += `<details><summary>clue #${i}</summary>${todo[1].Clues[i]}</details>`
} }
form.children.clues.innerHTML = clues form.children.clues.innerHTML = clues
form.children.clues.value = todo[1].Clues
let solution = "" let solution = ""
for (var i in todo[1].Solution) { for (var i in todo[1].Solution) {
@ -65,6 +93,7 @@
solution = `<details><summary>solution</summary>${solution}</details>` solution = `<details><summary>solution</summary>${solution}</details>`
} }
form.children.solution.innerHTML = solution form.children.solution.innerHTML = solution
form.children.solution.value = todo[1].Solution
} }
nextQuestion(document.getElementById("flash")) nextQuestion(document.getElementById("flash"))