# HG changeset patch # User Chloe Laisne # Date 1470402366 -7200 # Node ID ba4fd614582adf8141b2a5e666abb016202bd7d5 # Parent ac320de33ec7735800367d9e1d09814095ce8997 Load player with selected row diff -r ac320de33ec7 -r ba4fd614582a cms/app-client/app/components/playlist-component.js --- a/cms/app-client/app/components/playlist-component.js Fri Aug 05 14:55:45 2016 +0200 +++ b/cms/app-client/app/components/playlist-component.js Fri Aug 05 15:06:06 2016 +0200 @@ -54,6 +54,10 @@ actions: { + select: function(id) { + this.get('player').select(id); + }, + play: function(id) { this.get('player').play(id); }, diff -r ac320de33ec7 -r ba4fd614582a cms/app-client/app/services/player.js --- a/cms/app-client/app/services/player.js Fri Aug 05 14:55:45 2016 +0200 +++ b/cms/app-client/app/services/player.js Fri Aug 05 15:06:06 2016 +0200 @@ -27,8 +27,12 @@ this.set('progress', time); }, + select: function (id) { + this.set('item', id); + }, + play: function(id) { - this.set('item', id); + this.select(id); this.set('playing', true); }, diff -r ac320de33ec7 -r ba4fd614582a cms/app-client/app/styles/components/playlist-component.scss --- a/cms/app-client/app/styles/components/playlist-component.scss Fri Aug 05 14:55:45 2016 +0200 +++ b/cms/app-client/app/styles/components/playlist-component.scss Fri Aug 05 15:06:06 2016 +0200 @@ -28,10 +28,16 @@ color: $dark-grey; } +.playlist-component ul li:not(.playing) { + cursor: pointer; + +} + .playlist-component ul li.playing { background-color: $light-blue; border-bottom-color: $medium-blue; color: $medium-blue; + pointer-events: none; } .playlist-component ul li.notice { diff -r ac320de33ec7 -r ba4fd614582a cms/app-client/app/templates/components/playlist-component.hbs --- a/cms/app-client/app/templates/components/playlist-component.hbs Fri Aug 05 14:55:45 2016 +0200 +++ b/cms/app-client/app/templates/components/playlist-component.hbs Fri Aug 05 15:06:06 2016 +0200 @@ -1,7 +1,7 @@

Résultat ({{ documents.length }})