index: release v1.18 with only altgr index linked

[sheet.git] / word / finder.js

diff --git a/word/finder.js b/word/finder.js
index b5cb9291f614c648d8403e723c5d345a29e901e5..fffc552d68cc16692f5df407d488c6a661b988a9 100644 (file)
--- a/word/finder.js
+++ b/word/finder.js
@@ -1,50 +1,64 @@
 class WordFinder extends WordQuiz {
-       namehtml(name) {
-               //let wbr = new RegExp('\w{4} [^aoeuiyc\W] [rl]?+ \K (?= [^aoeuiy\W] [rl]? [aoeuiy] \w)', 'g');
-               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(ref => {
-                       const [title, level, imgid, subs] = this.data[ref];
+               rows.forEach(word => {
+                       if (!word) return;
                        const worditem = put(catitem, 'li');
                        const figitem = put(worditem, 'figure');
-                       if (imgid) {
-                               put(figitem, 'img[src=$]', `/data/word/32/${imgid}.jpg`);
+                       if (word.imgid) {
+                               put(figitem, 'img[src=$]', word.thumb());
                        }
-                       if (title) {
+                       if (word.title) {
                                put(figitem, 'figcaption', {
-                                       innerHTML: this.namehtml(title),
+                                       innerHTML: word.html,
                                });
                        }
-                       if (level <= 1 && subs.length >= 4) {
+                       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 (subs.length) {
+                       if (true) {
                                // delve into subcategory
                                put(worditem, '.parent');
-                               this.add(put(worditem, 'ul'), subs);
+                               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);
        }
 
        setup() {
                super.setup();
+               if (this.preset.debug) {
+                       put(document.head, 'link', {rel: 'stylesheet', href: '/word/debug.css'});
+               }
                this.form.innerHTML = '';
                put(this.form, 'p', 'Under construction.');
-               for (let cat of this.preset.cat || this.data[''][3]) {
+               for (let cat of this.data.root()) {
                        this.add(put(this.form, 'ul.gallery'), [cat]);
                }
        }