Merge pull request #549 from Soundnode/like-from-player

add ability to like from player, closes #259

Author: weblancaster

app/index.html

@@ -149,6 +149,11 @@ <h4 id="playerUser" class="player_user" ng-click="goToUser($event)"></h4>
                     <span class="player_timeCurrent" id="player-timecurrent"></span>
                     <span class="player_duration" id="player-duration"></span>
                 </div>
+                <div class="player_actions">
+                    <span class="player_favorite" ng-click="favorite($event)" ng-if="isSongPlaying">
+                        &nbsp;<i class="fa fa-heart"></i>
+                    </span>
+                </div>
             </div>
             <div class="player_controls">
                 <span class="player_prevSong" ng-click="prevSong($event)">

app/public/js/player/playerCtrl.js

@@ -1,6 +1,17 @@
 'use strict';
 
-app.controller('PlayerCtrl', function ($scope, $rootScope, playerService, queueService, hotkeys, $state, $log, $timeout) {
+app.controller('PlayerCtrl', function (
+    $scope,
+    $rootScope,
+    playerService,
+    queueService,
+    hotkeys,
+    $state,
+    $log,
+    $timeout,
+    SCapiService,
+    notificationFactory
+) {
     $scope.imgPath = 'public/img/temp-playing.png';
 
     $timeout(function() {
@@ -109,6 +120,34 @@ app.controller('PlayerCtrl', function ($scope, $rootScope, playerService, queueS
         $state.go('profile', { id: trackObj.songUserId });
     };
 
+    $scope.favorite = function($event) {
+        var userId = $rootScope.userId;
+        var track = queueService.getTrack();
+
+        if ( $event.currentTarget.classList.contains('active') ) {
+
+            SCapiService.deleteFavorite(userId, track.songId)
+                .then(function(status) {
+                    if ( typeof status == "object" ) {
+                        notificationFactory.success("Song removed from likes!");
+                        $event.currentTarget.classList.remove('active');
+                    }
+                }, function() {
+                    notificationFactory.error("Something went wrong!");
+                })
+        } else {
+            SCapiService.saveFavorite(userId, track.songId)
+                .then(function(status) {
+                    if ( typeof status == "object" ) {
+                        notificationFactory.success("Song added to likes!");
+                        $event.currentTarget.classList.add('active');
+                    }
+                }, function(status) {
+                    notificationFactory.error("Something went wrong!");
+                });
+        }
+    };
+
 
     /*
     * Add native media shortcuts

app/public/stylesheets/css/app.css.map

@@ -24,7 +24,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    padding: 13px 10px 0;
+    padding: 5px 10px 0;
     cursor: pointer;
 }
 
@@ -137,6 +137,21 @@
     }
 }
 
+.player_favorite {
+    margin: 0 0 0 10px;
+
+    .fa {
+        color: #949599;
+        font-size: 12px;
+    }
+
+    &.active {
+        .fa {
+            color: #f50;
+        }
+    }
+}
+
 .player_progress {
     position: absolute;
     top: -20px;