cms/app-client/app/templates/components/transcript-component.hbs
author Chloe Laisne <chloe.laisne@gmail.com>
Tue, 16 Aug 2016 00:16:08 +0200
changeset 254 a7cf2887e993
parent 248 256272c33349
child 255 ed05b89e3299
permissions -rw-r--r--
Hide/Show video CSS

<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>
		{{#if annotation.content}}<p class="original">{{annotation.content}}</p>{{/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.translation}}<p class="translation">{{annotation.translation}}</p>{{/if}}
	</li>
	{{/if}}
{{/each}}
</ol>