author | Chloe Laisne <chloe.laisne@gmail.com> |
Fri, 05 Aug 2016 18:51:59 +0200 | |
changeset 253 | 0be9770b09b4 |
parent 252 | ba4fd614582a |
child 254 | a7cf2887e993 |
permissions | -rw-r--r-- |
209
35cb7200bb0a
Separate playlist and player component with player service as bridge
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
1 |
import Ember from 'ember'; |
35cb7200bb0a
Separate playlist and player component with player service as bridge
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
2 |
|
215
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
3 |
export default Ember.Service.extend(Ember.Evented, { |
209
35cb7200bb0a
Separate playlist and player component with player service as bridge
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
4 |
|
214
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
212
diff
changeset
|
5 |
items: [], |
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
212
diff
changeset
|
6 |
item: null, |
242 | 7 |
model: null, |
253
0be9770b09b4
Hide/show transcript button in the player - Do not request transscript when property is null in the document request
Chloe Laisne <chloe.laisne@gmail.com>
parents:
252
diff
changeset
|
8 |
transcript: null, |
212
f2c6080a73aa
Player backward/forward design logic
Chloe Laisne <chloe.laisne@gmail.com>
parents:
209
diff
changeset
|
9 |
|
242 | 10 |
window: '', |
11 |
playing: false, |
|
247
7a5d729992b8
Design and animate transcript
Chloe Laisne <chloe.laisne@gmail.com>
parents:
246
diff
changeset
|
12 |
progress: 0, // In Milliseconds |
242 | 13 |
reduce: false, |
214
9bff007eb03c
Reflect player-component actions on playlist-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
212
diff
changeset
|
14 |
|
251
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
15 |
display: function(el) { |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
16 |
if(this.get('window') !== el) { |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
17 |
this.set('window', el); |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
18 |
} else { |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
19 |
this.set('window', ''); |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
20 |
} |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
21 |
}, |
ac320de33ec7
Add transcript button to player-component
Chloe Laisne <chloe.laisne@gmail.com>
parents:
249
diff
changeset
|
22 |
|
215
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
23 |
init: function() { |
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
24 |
this.on('reset', Ember.run.bind(this, this.get('reset'))); |
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
25 |
}, |
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
26 |
|
249 | 27 |
setProgress: function(time) { |
28 |
this.set('progress', time); |
|
29 |
}, |
|
30 |
||
252
ba4fd614582a
Load player with selected row
Chloe Laisne <chloe.laisne@gmail.com>
parents:
251
diff
changeset
|
31 |
select: function (id) { |
ba4fd614582a
Load player with selected row
Chloe Laisne <chloe.laisne@gmail.com>
parents:
251
diff
changeset
|
32 |
this.set('item', id); |
ba4fd614582a
Load player with selected row
Chloe Laisne <chloe.laisne@gmail.com>
parents:
251
diff
changeset
|
33 |
}, |
ba4fd614582a
Load player with selected row
Chloe Laisne <chloe.laisne@gmail.com>
parents:
251
diff
changeset
|
34 |
|
249 | 35 |
play: function(id) { |
252
ba4fd614582a
Load player with selected row
Chloe Laisne <chloe.laisne@gmail.com>
parents:
251
diff
changeset
|
36 |
this.select(id); |
249 | 37 |
this.set('playing', true); |
38 |
}, |
|
39 |
||
40 |
pause: function() { |
|
41 |
this.set('playing', false); |
|
42 |
}, |
|
43 |
||
215
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
44 |
reset: function(id) { |
82878d132784
Play/Pause/Reset events from player/playlist-components
Chloe Laisne <chloe.laisne@gmail.com>
parents:
214
diff
changeset
|
45 |
this.set('item', id); |
242 | 46 |
} |
209
35cb7200bb0a
Separate playlist and player component with player service as bridge
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff
changeset
|
47 |
}); |