<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}}«{{/unless}} {{/each}} </div> {{/if}} <div class="term-glossary"> {{> term-definition.html}} </div> </div>