1 import Ember from 'ember';

     2 

     3 export default Ember.Component.extend({

     4   tagName: 'li',

     5 

     6   classNames: ['sentence'],

     7   classNameBindings: ['isPlaying:active'],

     8 

     9   begin: Ember.computed.readOnly('turn.begin'),

    10   end: Ember.computed.readOnly('turn.end'),

    11   title: Ember.computed.readOnly('turn.title'),

    12   annotations: Ember.computed.readOnly('turn.annotations'),

    13 

    14   isPlaying: Ember.computed("player.progress", "begin", "end", function() {

    15     var progress = this.get('player.progress');

    16     return progress && progress >= this.get('begin') && progress < this.get('end');

    17   })

    18 });