import Ember from 'ember';

export default Ember.Component.extend({

  tagName: 'li',

  classNames: ['sentence'],

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

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

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

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

  didInsertElement: function() {

    if(this.get('intervals')) {

      this.get('intervals').add(this.get('begin'), this.get('end'), this.get('elementId'), this.$());

    }

  },

});