Show definitions as lists

build_tmpl.sh

@@ -1,2 +1,2 @@
 #!/bin/sh
-handlebars util/tmpl/* -f ext/bg/templates.js
+handlebars util/tmpl/* -f ext/bg/js/templates.js

ext/bg/js/dictionary.js

@@ -41,7 +41,7 @@ class Dictionary {
             results = results.concat(
                 indices.map(index => {
                     const [e, r, t, ...g] = dict.defs[index];
-                    return {id: index, expression: e, reading: r, glossary: g.join('; '), tags: t.split(' ')};
+                    return {id: index, expression: e, reading: r, glossary: g, tags: t.split(' ')};
                 })
             );
         }

ext/bg/js/templates.js

@@ -21,15 +21,19 @@ templates['term.html'] = template({"1":function(container,depth0,helpers,partial
   return "<div class=\"yomichan-def-reading\">"
     + container.escapeExpression(((helper = (helper = helpers.reading || (depth0 != null ? depth0.reading : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : {},{"name":"reading","hash":{},"data":data}) : helper)))
     + "</div>";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "        <li>"
+    + container.escapeExpression(container.lambda(depth0, depth0))
+    + "</li>\n";
 },"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
-    var stack1, helper, alias1=depth0 != null ? depth0 : {}, alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;
+    var stack1, helper, alias1=depth0 != null ? depth0 : {};
 
   return "<div class=\"yomichan-def-expression\">"
-    + alias4(((helper = (helper = helpers.expression || (depth0 != null ? depth0.expression : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"expression","hash":{},"data":data}) : helper)))
+    + container.escapeExpression(((helper = (helper = helpers.expression || (depth0 != null ? depth0.expression : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"expression","hash":{},"data":data}) : helper)))
     + "</div>\n"
     + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.reading : depth0),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "\n<div class=\"yomichan-def-glossary\">"
-    + alias4(((helper = (helper = helpers.glossary || (depth0 != null ? depth0.glossary : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"glossary","hash":{},"data":data}) : helper)))
-    + "</div>\n";
+    + "\n<div class=\"yomichan-def-glossary\">\n    <ol>\n"
+    + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.glossary : depth0),{"name":"each","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    </ol>\n</div>\n";
 },"useData":true});
 })();

util/tmpl/term.html

@@ -1,3 +1,9 @@
 <div class="yomichan-def-expression">{{expression}}</div>
 {{#if reading}}<div class="yomichan-def-reading">{{reading}}</div>{{/if}}
-<div class="yomichan-def-glossary">{{glossary}}</div>
+<div class="yomichan-def-glossary">
+    <ol>
+        {{#each glossary}}
+        <li>{{.}}</li>
+        {{/each}}
+    </ol>
+</div>