import Ember from 'ember';

export default Ember.Component.extend({

  classNameBindings: ['isPlaying:active'],

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

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

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

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

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

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

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

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

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

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

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

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

  })

});