styling

1 files changed, 50 insertions, 0 deletions

diff --git a/tmpl/term-grouped.html b/tmpl/term-grouped.html
new file mode 100644
index 00000000..ac15a126
--- /dev/null
+++ b/tmpl/term-grouped.html
@@ -0,0 +1,50 @@
+<div class="term-definition">
+    <div class="action-bar">
+        {{#if addable}}
+        <a href="#" title="Add term as expression" class="action-add-note pending disabled" data-mode="term_kanji" data-index="{{@index}}"><img src="img/add_term_kanji.png"></a>
+        <a href="#" title="Add term as reading" class="action-add-note pending disabled" data-mode="term_kana" data-index="{{@index}}"><img src="img/add_term_kana.png"></a>
+        {{/if}}
+        {{#if playback}}
+        <a href="#" title="Play audio" class="action-play-audio" data-index="{{@index}}"><img src="img/play_audio.png"></a>
+        {{/if}}
+    </div>
+
+    {{#if reading}}
+    <div class="term-expression"><ruby>{{#kanjiLinks}}{{expression}}{{/kanjiLinks}}<rt>{{reading}}</rt></ruby></div>
+    {{else}}
+    <div class="term-expression">{{#kanjiLinks}}{{expression}}{{/kanjiLinks}}</div>
+    {{/if}}
+
+    {{#if reasons}}
+    <div class="term-reasons">
+        {{#each reasons}}
+        <span class="reasons">{{.}}</span> {{#unless @last}}&laquo;{{/unless}}
+        {{/each}}
+    </div>
+    {{/if}}
+
+    <div class="term-glossary">
+        <ol>
+            {{#each definitions}}
+            <li>
+                {{#if tags}}
+                <div class="term-tags">
+                    {{#each tags}}
+                    <span class="tag tag-{{category}}" title="{{notes}}">{{name}}</span>
+                    {{/each}}
+                </div>
+                {{/if}}
+                {{#if glossary.[1]}}
+                <ul class="term-glossary-group">
+                    {{#each glossary}}
+                    <li><span class="term-glossary-item">{{.}}</span></li>
+                    {{/each}}
+                </ul>
+                {{else}}
+                <div class="term-glossary-group term-glossary-item">{{glossary.[0]}}</div>
+                {{/if}}
+            </li>
+            {{/each}}
+        </ol>
+    </div>
+</div>