cms/app-client/app/templates/components/transcript-component.hbs
author Chloe Laisne <chloe.laisne@gmail.com>
Fri, 22 Jul 2016 18:25:02 +0200
changeset 248 256272c33349
parent 247 7a5d729992b8
child 254 a7cf2887e993
permissions -rw-r--r--
Transcript sentence lick and play Hover sentence style

<h2>{{player.transcript.title}}</h2>
<ol class="transcript">
{{#each player.transcript.annotations as |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>
		<p class="original">{{annotation.content}}</p>
		<p class="translation">{{annotation.translation}}</p>
	</li>
	{{else}}
	<li class="sentence" {{action 'play' annotation.start}}>
		<i class="fa fa-play">Play</i>
		<p class="original">{{annotation.content}}</p>
		<p class="translation">{{annotation.translation}}</p>
	</li>
	{{/if}}
{{/each}}
</ol>