equal
deleted
inserted
replaced
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 player: Ember.inject.service(), |
5 classNames: ['transcript-component'], |
6 |
6 |
7 language: 'fr' |
7 player: Ember.inject.service(), |
|
8 |
|
9 autoscroll: true, |
|
10 autoscrollElement : Ember.$('.corpus-app-container'), |
|
11 |
|
12 itemObserver: Ember.observer('player.item', function () { |
|
13 this.set('autoscroll', true); |
|
14 }), |
|
15 |
|
16 init: function() { |
|
17 var self = this; |
|
18 this.get('autoscrollElement').bind('scroll', function() { |
|
19 self.set('autoscroll', false); |
|
20 }); |
|
21 |
|
22 this._super(...arguments); |
|
23 }, |
|
24 |
|
25 didUpdate: function() { |
|
26 if(this.get('autoscroll')) { |
|
27 this.get('autoscrollElement').scrollTop((Ember.$('.sentence.active').offset().top + this.get('autoscrollElement').scrollTop()) - this.get('autoscrollElement').offset().top) |
|
28 } |
|
29 } |
8 |
30 |
9 }); |
31 }); |