class WordFinder extends WordQuiz {
- namehtml(name) {
- let aliases = name.split('/');
- let html = aliases.shift();
- html = html.replace(/\((.+)\)/, '<small>$1</small>');
- for (let alias of aliases) {
- html += ` <small>(${alias})</small>`;
- }
- return html;
- }
-
add(catitem, rows) {
rows.forEach(word => {
if (!word) return;
}
if (word.title) {
put(figitem, 'figcaption', {
- innerHTML: this.namehtml(word.title),
+ innerHTML: word.html,
});
}
+ if (this.preset.debug) {
+ put(figitem, '[title=$]', `id ${word.id} level ${word.level}`);
+ }
put(worditem, '.level' + word.level);
+ if (!word.subs.length) {
+ return;
+ }
if (word.level <= 1 && word.subs.length >= 4) {
put(worditem, '.large');
}
- if (word.subs.length) {
+ if (true) {
// delve into subcategory
put(worditem, '.parent');
- this.add(put(worditem, 'ul'), word.subs);
- }
- if (this.preset.debug) {
- put(figitem, '[title=$]', `id ${ref} level ${word.level}`);
+ const expansion = put(worditem, 'ul');
+ this.add(expansion, word.subs);
}
+
+ // hide or reselect subcategories
+ put(figitem, '[data-sup=$]', word.subs.length);
+ figitem.onclick = () => {
+ let expansion;
+ if (expansion = worditem.querySelector('ul')) {
+ put(expansion, '!');
+ put(worditem, '.expand');
+ return;
+ }
+ expansion = put(worditem, 'ul');
+ this.add(expansion, word.subs);
+ put(worditem, '!expand');
+ };
});
}
configure(input) {
- this.preset.level = 3;
+ this.preset.level = 1;
this.preset.images = false;
return super.configure(input);
}