From 9e358a3fdc9cf9f3e83238f0eecc7f55fa2a453e Mon Sep 17 00:00:00 2001
From: nelsonlaquet <nelsonlaquet@gmail.com>
Date: Sun, 1 Sep 2013 14:35:05 -0500
Subject: [PATCH] disabled buttons when cannot go forward/back

---
 public/scripts/app/services/player.coffee | 13 +++++++++++++
 public/styles/player.less                 | 12 ++++++++++++
 public/templates/directives/player.html   |  4 ++--
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/public/scripts/app/services/player.coffee b/public/scripts/app/services/player.coffee
index cf2a2c30..b231a3ec 100644
--- a/public/scripts/app/services/player.coffee
+++ b/public/scripts/app/services/player.coffee
@@ -38,6 +38,10 @@ angular.module('ponyfm').factory('player', [
 			self.isPlaying = true
 			self.currentSound.play()
 
+		updateCanGo = () ->
+			self.canGoNext = self.playlistIndex < self.playlist.length - 1
+			self.canGoPrev = self.playlistIndex > 0
+
 		self =
 			ready: false
 			isPlaying: false
@@ -47,6 +51,8 @@ angular.module('ponyfm').factory('player', [
 			playlistIndex: 0
 			volume: 0
 			readyDef: readyDef.promise()
+			canGoPrev: false
+			canGoNext: false
 
 			playPause: () ->
 				return if !self.ready
@@ -58,6 +64,8 @@ angular.module('ponyfm').factory('player', [
 					self.currentSound.pause()
 
 			playNext: () ->
+				return if !self.canGoNext
+
 				self.currentSound.stop() if self.currentSound != null
 				self.playlistIndex++
 				if self.playlistIndex >= self.playlist.length
@@ -68,8 +76,11 @@ angular.module('ponyfm').factory('player', [
 					return
 
 				play self.playlist[self.playlistIndex]
+				updateCanGo()
 
 			playPrev: () ->
+				return if !self.canGoPrev
+
 				self.currentSound.stop() if self.currentSound != null
 				self.playlistIndex--
 				if self.playlistIndex <= 0
@@ -80,6 +91,7 @@ angular.module('ponyfm').factory('player', [
 					return
 
 				play self.playlist[self.playlistIndex]
+				updateCanGo()
 
 			seek: (progress) ->
 				return if !self.currentSound
@@ -108,6 +120,7 @@ angular.module('ponyfm').factory('player', [
 
 				$rootScope.$broadcast 'player-starting-playlist', tracks
 				play tracks[index]
+				updateCanGo()
 
 		pfm.soundManager.done () ->
 			self.ready = true
diff --git a/public/styles/player.less b/public/styles/player.less
index c505c742..2bb4bf88 100644
--- a/public/styles/player.less
+++ b/public/styles/player.less
@@ -112,6 +112,18 @@ body.is-logged {
 		}
 	  }
 
+	  &.disabled {
+		a {
+		  color: #ccc;
+		  cursor: default;
+
+		  &:hover {
+			background: transparent;
+			color: #ccc;
+		  }
+		}
+	  }
+
 	  &.volume {
 		position: relative;
 
diff --git a/public/templates/directives/player.html b/public/templates/directives/player.html
index 82ef882f..597f3e36 100644
--- a/public/templates/directives/player.html
+++ b/public/templates/directives/player.html
@@ -4,14 +4,14 @@
 			<strong>{{player.currentTrack.progressSeconds | secondsDisplay}}</strong> /
 			<strong>{{player.currentTrack.duration | secondsDisplay}}</strong>
 		</li>
-		<li><a pfm-eat-click ng-click="playPrev()" class="previous" href="#"><i class="icon-fast-backward"></i></a></li>
+		<li ng-class="{disabled: !player.canGoPrev}"><a pfm-eat-click ng-click="playPrev()" class="previous" href="#"><i class="icon-fast-backward"></i></a></li>
 		<li>
 			<a pfm-eat-click ng-click="playPause()" class="play" href="#">
 				<i class="icon-pause" ng-show="player.currentTrack.isPlaying"></i>
 				<i class="icon-play" ng-hide="player.currentTrack.isPlaying"></i>
 			</a>
 		</li>
-		<li><a pfm-eat-click ng-click="playNext()" class="next" href="#"><i class="icon-fast-forward"></i></a></li>
+		<li ng-class="{disabled: !player.canGoNext}"><a pfm-eat-click ng-click="playNext()" class="next" href="#"><i class="icon-fast-forward"></i></a></li>
 		<li class="volume">
 			<a pfm-eat-click ng-click="" class="volume" href="#">
 				<i class="icon-volume-up"></i>