cms/app-client/app/templates/components/transcript-component.hbs
changeset 255 ed05b89e3299
parent 254 a7cf2887e993
child 256 18f0c3ee9aa5
--- a/cms/app-client/app/templates/components/transcript-component.hbs	Tue Aug 16 00:16:08 2016 +0200
+++ b/cms/app-client/app/templates/components/transcript-component.hbs	Wed Aug 17 15:30:19 2016 +0200
@@ -1,16 +1,37 @@
 <h2>{{player.transcript.title}}</h2>
 <ol class="transcript">
 {{#each player.transcript.annotations as |annotation|}}
+{{log 'each-annotation'}}
 	{{#if (if-and (if-operator player.progress '>=' annotation.start) (if-operator player.progress '<' annotation.end))}}
 	<li class="sentence active">
 		<i class="fa fa-play" {{action 'play' annotation.start}}>Play</i>
 		{{#if annotation.content}}<p class="original">{{annotation.content}}</p>{{/if}}
+		{{#if annotation.words}}
+		<div class="words">
+		{{#each annotation.words as |word|}}
+			<div class="word">
+				<p class="original">{{word.content}}</p>
+				<p class="translation">{{word.translation}}</p>
+			</div>
+		{{/each}}
+		</div>
+		{{/if}}
 		{{#if annotation.translation}}<p class="translation">{{annotation.translation}}</p>{{/if}}
 	</li>
 	{{else}}
 	<li class="sentence" {{action 'play' annotation.start}}>
 		<i class="fa fa-play">Play</i>
 		{{#if annotation.content}}<p class="original">{{annotation.content}}</p>{{/if}}
+		{{#if annotation.words}}
+		<div class="words">
+		{{#each annotation.words as |word|}}
+			<div class="word">
+				<p class="original">{{word.content}}</p>
+				<p class="translation">{{word.translation}}</p>
+			</div>
+		{{/each}}
+		</div>
+		{{/if}}
 		{{#if annotation.translation}}<p class="translation">{{annotation.translation}}</p>{{/if}}
 	</li>
 	{{/if}}