cms/app-client/app/templates/components/transcript-component.hbs
changeset 246 5b7ae96768be
parent 245 c9dd78a43b07
child 247 7a5d729992b8
--- a/cms/app-client/app/templates/components/transcript-component.hbs	Wed Jul 20 21:08:31 2016 +0200
+++ b/cms/app-client/app/templates/components/transcript-component.hbs	Thu Jul 21 23:36:50 2016 +0200
@@ -1,8 +1,10 @@
 <h2>{{player.transcript.title}}</h2>
 <div class="transcript">
 {{#each player.transcript.annotations as |annotation|}}
-	<i class="fa fa-play">Play</i>
-	<p>{{annotation.content}}</p>
-	<p>{{annotation.translation}}</p>
+	<div class="sentence{{if (if-and (if-operator player.progress '>=' annotation.start) (if-operator player.progress '<' annotation.end)) ' active'}}">
+		<i class="fa fa-play">Play</i>
+		<p class="original">{{annotation.content}}</p>
+		<p class="translation">{{annotation.translation}}</p>
+	</div>
 {{/each}}
 </div>
\ No newline at end of file