cms/app-client/app/templates/components/transcript-component.hbs
author Chloe Laisne <chloe.laisne@gmail.com>
Fri, 22 Jul 2016 16:11:44 +0200
changeset 247 7a5d729992b8
parent 246 5b7ae96768be
child 248 256272c33349
permissions -rw-r--r--
Design and animate transcript

<h2>{{player.transcript.title}}</h2>
<ol class="transcript">
{{#each player.transcript.annotations as |annotation|}}
	<li class="sentence{{if (if-and (if-operator player.progress '>=' annotation.start) (if-operator player.progress '<' annotation.end)) ' active'}}">
		<i class="fa fa-play" {{action 'play' annotation.start}}>Play</i>
		<p class="original">{{annotation.content}}</p>
		<p class="translation">{{annotation.translation}}</p>
	</li>
{{/each}}
</ol>