word/finder: emulate gallery page in javascript

[sheet.git] / word / quiz.js

diff --git a/word/quiz.js b/word/quiz.js
index 0518fa14bdbc72c386f1b5abe4554c1f05d30965..d32368bb01bdaae2160c64798384e7fe29138418 100644 (file)
--- a/word/quiz.js
+++ b/word/quiz.js
@@ -1,33 +1,87 @@
-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');
+               };
+       }
+}