import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'li',

  classNames: ['sentence'],
  // classNameBindings: ['isPlaying:active'],

  begin: Ember.computed.readOnly('turn.begin'),
  end: Ember.computed.readOnly('turn.end'),
  title: Ember.computed.readOnly('turn.title'),
  annotations: Ember.computed.readOnly('turn.annotations'),

  // isPlaying: Ember.computed("player.progress", "begin", "end", function() {
  //   var progress = this.get('player.progress');
  //   return progress && progress >= this.get('begin') && progress < this.get('end');
  // }),

  didInsertElement: function() {
    if(this.get('intervals')) {
      this.get('intervals').add(this.get('begin'), this.get('end'), this.get('elementId'), this.$());
    }
  },

});