X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/50442220cc52bad55c1003de34f8dada958650d5..9445c538bedc82733b7b1c6eb9df7bf9cb54ed64:/word/wijzer.js

diff --git a/word/wijzer.js b/word/wijzer.js
index b199be4..7ae3d3e 100644
--- a/word/wijzer.js
+++ b/word/wijzer.js
@@ -6,13 +6,14 @@ class WordWijzer extends WordQuiz {
 			this.form.querySelectorAll('li[onclick]').forEach(answer => {
 				answer.removeAttribute('onclick');
 			});
+			this.log('done');
 			return;
 		}
 
 		this.question.innerHTML = '';
 		put(this.question,
-			'[data-id=$] img[src=$]', word[2],
-			`/data/word/en/${word[2]}.jpg`
+			'[data-id=$] img[src=$]', word.id,
+			word.thumb()
 		);
 	}
 
@@ -22,20 +23,24 @@ class WordWijzer extends WordQuiz {
 		console.log(this.question, answer);
 		let match = this.question.dataset.id == answer.dataset.id;
 		put(answer, match ? '.good' : '.wrong');
+		this.log('pick', answer.dataset.id, answer.index, this.question.dataset.id);
 		this.next();
 	}
 
 	setup() {
-		this.form = document.getElementById('quiz');
+		super.setup();
+		this.form.innerHTML = '';
 		this.question = put(this.form, 'figure');
 		this.words.splice(9)
 
 		let answers = put(this.form, 'ul');
 		this.words
-			.forEach(answer => {
-				let label = answer[0].replace(/\/.*/, ''); // primary form
+			.forEach((answer, seq) => {
 				put(answers, 'li[data-id=$][onclick=""]',
-					answer[2], label, {onclick: e => this.verify(e)}
+					answer.id, answer.label, {
+						onclick: e => this.verify(e),
+						index: seq,
+					}
 				)
 			});
 		this.words.shuffle();