1 import Ember from 'ember'; |
1 import Ember from 'ember'; |
2 |
2 |
3 export default Ember.Component.extend({ |
3 export default Ember.Component.extend({ |
4 |
4 |
5 // classNameBindings: ['isPlaying:active'], |
|
6 |
|
7 hasPlayer: Ember.computed.bool('player'), |
5 hasPlayer: Ember.computed.bool('player'), |
|
6 hideSpeaker: Ember.computed.not('annotation.showSpeaker'), |
8 |
7 |
9 begin: Ember.computed.readOnly('annotation.begin'), |
8 begin: Ember.computed.readOnly('annotation.begin'), |
10 end: Ember.computed.readOnly('annotation.end'), |
9 end: Ember.computed.readOnly('annotation.end'), |
11 title: Ember.computed.readOnly('annotation.title'), |
10 title: Ember.computed.readOnly('annotation.title'), |
12 original: Ember.computed.readOnly('annotation.original'), |
11 original: Ember.computed.readOnly('annotation.original'), |
13 speaker: Ember.computed.readOnly('annotation.speaker'), |
12 speaker: Ember.computed.readOnly('annotation.speaker'), |
14 showSpeaker: Ember.computed.readOnly('annotation.showSpeaker'), |
13 showSpeaker: Ember.computed.readOnly('annotation.showSpeaker'), |
15 literal: Ember.computed.readOnly('annotation.literal'), |
14 literal: Ember.computed.readOnly('annotation.literal'), |
16 translation: Ember.computed.readOnly('annotation.translation'), |
15 translation: Ember.computed.readOnly('annotation.translation'), |
17 |
16 |
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 didInsertElement: function() { |
17 didInsertElement: function() { |
24 if(this.get('hasPlayer') && this.get('intervals')) { |
18 if(this.get('hasPlayer') && this.get('intervals')) { |
25 this.get('intervals').add(this.get('begin'), this.get('end'), this.get('elementId'), this.$()); |
19 this.get('intervals').add(this.get('begin'), this.get('end'), this.get('elementId'), this.$()); |
26 } |
20 } |
27 }, |
21 }, |