--- a/cms/app-client/app/templates/components/transcript-component.hbs Fri Dec 02 17:22:16 2016 +0100
+++ b/cms/app-client/app/templates/components/transcript-component.hbs Sat Dec 03 00:09:28 2016 +0100
@@ -16,7 +16,7 @@
<i class="fa fa-play" {{action 'play' turn.begin}}>Play</i>
{{#if turn.title}}<span class="title">{{turn.title}}</span>{{/if}}
{{#each turn.annotations as |annotation|}}
- <div>
+ <div {{action 'play' (or annotation.begin turn.begin) }}>
<div class="fragment">
{{#if annotation.original}}
<p class="original">
@@ -27,9 +27,19 @@
{{#if annotation.literal}}
<div class="words">
{{#each annotation.literal as |word|}}
- <div class="word">
+ <div class="word" {{action 'play' (or word.begin annotation.begin turn.begin) }}>
<p class="original">{{word.original}}</p>
<p class="translation">{{word.translation}}</p>
+ {{#if (and word.morphenes word.morphenes.length)}}
+ <div class="morphene-container">
+ {{#each word.morphenes as |morph|}}
+ <div class="morphene">
+ <p class="morphene-original">{{morph.original}}</p>
+ <p class="morphene-translation">{{morph.translation}}</p>
+ </div>
+ {{/each}}
+ </div>
+ {{/if}}
</div>
{{/each}}
</div>
@@ -61,9 +71,19 @@
{{#if annotation.literal}}
<div class="words">
{{#each annotation.literal as |word|}}
- <div class="word">
+ <div class="word" {{action 'play' (or word.begin annotation.begin) }}>
<p class="original">{{word.original}}</p>
<p class="translation">{{word.translation}}</p>
+ {{#if (and word.morphenes word.morphenes.length)}}
+ <div class="morphene-container">
+ {{#each word.morphenes as |morph|}}
+ <div class="morphene">
+ <p class="morphene-original">{{morph.original}}</p>
+ <p class="morphene-translation">{{morph.translation}}</p>
+ </div>
+ {{/each}}
+ </div>
+ {{/if}}
</div>
{{/each}}
</div>