1 import Ember from 'ember';

     2 

     3 export default Ember.Component.extend({

     4 

     5   classNameBindings: ['isPlaying:active'],

     6 

     7   hasPlayer: Ember.computed.bool('player'),

     8 

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

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

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

    12   original: Ember.computed.readOnly('annotation.original'),

    13   speaker: Ember.computed.readOnly('annotation.speaker'),

    14   showSpeaker: Ember.computed.readOnly('annotation.showSpeaker'),

    15   literal: Ember.computed.readOnly('annotation.literal'),

    16   translation: Ember.computed.readOnly('annotation.translation'),

    17 

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

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

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

    21   })

    22 

    23 });