aboutsummaryrefslogtreecommitdiff
path: root/tmpl
diff options
context:
space:
mode:
authorAlex Yatskov <alex@foosoft.net>2017-01-08 18:10:38 -0800
committerAlex Yatskov <alex@foosoft.net>2017-01-08 18:10:38 -0800
commit53a8e9061c482400186c8b041be520a519795c07 (patch)
treef503b6aad323a36579a76b65f62e3e3b14c3dece /tmpl
parent148291d3a7cea096317c1c8d22f06f6e18cfdcfb (diff)
styling
Diffstat (limited to 'tmpl')
-rw-r--r--tmpl/kanji.html6
-rw-r--r--tmpl/term-grouped-list.html7
-rw-r--r--tmpl/term-grouped.html50
-rw-r--r--tmpl/term.html2
4 files changed, 61 insertions, 4 deletions
diff --git a/tmpl/kanji.html b/tmpl/kanji.html
index eda8b8e4..a14fff78 100644
--- a/tmpl/kanji.html
+++ b/tmpl/kanji.html
@@ -36,13 +36,13 @@
<div class="kanji-glossary">
{{#if glossary.[1]}}
- <ol>
+ <ol "kanji-glossary-group">
{{#each glossary}}
- <li><span>{{.}}</span></li>
+ <li><span class="kanji-glossary-item">{{.}}</span></li>
{{/each}}
</ol>
{{else}}
- <p>{{glossary.[0]}}</p>
+ <div class="kanji-glossary-group kanji-glossary-item">{{glossary.[0]}}</div>
{{/if}}
</div>
</div>
diff --git a/tmpl/term-grouped-list.html b/tmpl/term-grouped-list.html
new file mode 100644
index 00000000..6156ab7b
--- /dev/null
+++ b/tmpl/term-grouped-list.html
@@ -0,0 +1,7 @@
+{{#if definitions}}
+ {{#each definitions}}
+ {{> term-grouped.html addable=../addable playback=../playback}}
+ {{/each}}
+{{else}}
+ <p>No results found</p>
+{{/if}}
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>
diff --git a/tmpl/term.html b/tmpl/term.html
index b4d72d4b..a6ae2d26 100644
--- a/tmpl/term.html
+++ b/tmpl/term.html
@@ -31,7 +31,7 @@
{{#if glossary.[1]}}
<ol>
{{#each glossary}}
- <li><span>{{.}}</span></li>
+ <li><span class="term-glossary-item">{{.}}</span></li>
{{/each}}
</ol>
{{else}}