-class Quiz {
- next() {
- let word = this.words.shift();
- let form = put(this.form,
- '+img[src=$]+ul', `/data/word/en/${word[0]}.jpg`,
- );
-
- let answers = [word[2], this.words[1][2], this.words[2][2], this.words[3][2]]
- .sort(() => {return .5 - Math.random()}) // shuffle
- answers.forEach(suggest => {
- let label = suggest.replace(/\/.*/, '');
- let option = put(form, 'li', label, {onclick: () => {
- if (suggest != word[2]) {
- // incorrect
- put(option, '.wrong');
- return;
- }
- put(option, '.good');
- window.setTimeout(() => this.next(), 500);
- }});
- });
+Array.prototype.shuffle = function () {
+ for (let i = this.length - 1; i > 0; i--) {
+ const j = Math.floor(Math.random() * (i + 1)); // random index 0..i
+ [this[i], this[j]] = [this[j], this[i]]; // swap elements
}
+ return this;
+};
+
+class WordQuiz {
+ dataselect(json) {
+ this.data = json;
+ this.cats = {}; // category lookup
+ for (let i in json) {
+ let cat = json[i][3];
+ if (this.cats[cat]) {
+ this.cats[cat].push(i);
+ }
+ else {
+ this.cats[cat] = [i];
+ }
+ }
+ return this.datafilter(json);
+ }
+
+ datafilter(json) {
+ // find viable rows from json data
+ let rows = Object.values(json);
+
+ if (this.preset.cat !== undefined) {
+ rows = [];
+ let children = this.cats[this.preset.cat];
+ for (let loop = 0; children.length && loop < 20; loop++) {
+ rows.push(...children);
+ children = children.map(cat => this.cats[cat]).filter(is => is).flat();
+ }
+ rows = rows.map(row => json[row]).filter(row => row[2]);
+ }
+ if (this.preset.level !== undefined) {
+ rows = rows.filter(row => row[1] <= this.preset.level);
+ }
+
+ {
+ let cats = new Set();
+ let subcats = rows.map(row => row[3]); // direct parents
+ for (let loop = 0; subcats.length && loop < 20; loop++) {
+ subcats.forEach(cat => cats.add(cat));
+ subcats = subcats.map(row => json[row] && json[row][3]).filter(val => val); // recurse grandparents
+ }
+ rows = rows.filter(row => !cats.has(row[2])); // remove referenced categories
+ }
+ return rows.shuffle();
+ }
+
+ load(dataurl) {
+ this.preset = {};
+ let input;
+ if (input = window.location.hash.match(/\d+/)) {
+ this.preset.cat = input[0];
+ }
+ if (window.location.hash.match(/a/)) {
+ this.preset.level = 3;
+ }
- constructor(dataurl) {
fetch(dataurl).then(res => res.json()).then(json => {
- this.form = document.getElementById('quiz');
- this.words = Object.values(json)
- .sort(() => {return .5 - Math.random()}) // shuffle
- .map(row => row.split(/:/))
- this.next();
+ this.words = this.dataselect(json)
+ this.setup();
});
}
-};
+
+ log(...args) {
+ this.history.push([new Date().toISOString(), ...args]);
+ }
+
+ stop(...args) {
+ this.log(...args);
+ window.onbeforeunload = null;
+ fetch('/word/report', {method: 'POST', body: JSON.stringify(this.history)});
+ }
+
+ constructor(dataurl) {
+ this.load(dataurl);
+ this.history = [];
+ window.onbeforeunload = e => {
+ this.stop('abort');
+ };
+ }
+}