cms/app-client/app/templates/components/player-component.hbs
changeset 463 5c43f17f87b5
parent 445 b1e5ad6b2a29
child 477 ce52f0fca330
--- a/cms/app-client/app/templates/components/player-component.hbs	Sat Dec 03 01:32:43 2016 +0100
+++ b/cms/app-client/app/templates/components/player-component.hbs	Sat Dec 03 02:43:57 2016 +0100
@@ -1,12 +1,12 @@
 <div id="audio" class="{{if (if-or player.transcript player.model.video) ' extra'}}{{if (if-and player.transcript player.model.video) ' multiple'}}">
   <div class="controls">
-    <i title="Précédent" class="fa fa-backward{{if isFirst ' disabled'}}" {{action 'backward'}}>Précédent</i>
+    <i title="Précédent" class="fa fa-backward{{if isFirst ' disabled'}} player-control" {{action 'backward'}}>Précédent</i>
     {{#if player.playing}}
-    <i title="Pause" class="fa fa-pause" {{action 'toggle'}}>Pause</i>
+    <i title="Pause" class="fa fa-pause player-control" {{action 'toggle'}}>Pause</i>
     {{else}}
-    <i title="Lecture" class="fa fa-play" {{action 'toggle'}}>Lecture</i>
+    <i title="Lecture" class="fa fa-play player-control" {{action 'toggle'}}>Lecture</i>
     {{/if}}
-    <i title="Suivant" class="fa fa-forward{{if isLast ' disabled'}}" {{action 'forward'}}>Suivant</i>
+    <i title="Suivant" class="fa fa-forward{{if isLast ' disabled'}} player-control" {{action 'forward'}}>Suivant</i>
   </div>
   <div class="progress">
     <span class="head">{{to-minutes head}}</span>
@@ -16,13 +16,16 @@
   <div class="controls extra">
   {{#if player.model.video}}
     {{#if player.videoscreen}}
-    <i title="Compress" class="fa fa-compress" {{action 'display' 'video'}}>Hide video</i>
+    <i title="Compress" class="fa fa-compress player-control" {{action 'display' 'video'}}>Hide video</i>
     {{else}}
-    <i title="Expand" class="fa fa-expand" {{action 'display' 'video'}}>Show video</i>
+    <i title="Expand" class="fa fa-expand player-control" {{action 'display' 'video'}}>Show video</i>
     {{/if}}
   {{/if}}
   {{#if player.transcript}}
+    <div class="controls-transcript player-control">
     <i title="Transcript" class="fa fa-text-height{{if (eq player.window 'transcript') ' active'}}" {{action 'display' 'transcript'}}>Transcript</i>
+    {{input type="checkbox" name="autoscroll" id="transcript-autoscroll" title="autoscroll" checked=player.autoscroll}}<label for="transcript-autoscroll" title="autoscroll"></label>
+    </div>
   {{/if}}
   </div>
   <div class="meta">