cms/app-client/app/templates/components/transcript-component.hbs
changeset 461 9b7a6c099870
parent 460 686926d132ff
child 476 9cffc7f32f14
--- 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>