stop playlist from reloading. fixes #518

Author: weblancaster

app/public/js/playlists/playlistsCtrl.js

@@ -11,7 +11,8 @@ app.controller('PlaylistsCtrl', function (
     $stateParams,
     notificationFactory,
     modalFactory,
-    utilsService
+    utilsService,
+    queueService
 ) {
     var endpoint = 'me/playlists'
         , params = '';
@@ -74,11 +75,13 @@ app.controller('PlaylistsCtrl', function (
                     $log.log(response);
                     return $q.reject(response.data);
                 }).finally(function() {
-                    $state.transitionTo($state.current, $stateParams, {
-                        reload: true,
-                        inherit: false,
-                        notify: true
-                    });
+                    var inQueue = queueService.find(songId);
+
+                    $('#' + songId).remove();
+
+                    if ( inQueue ) {
+                        queueService.remove(inQueue);
+                    }
                 })
 
             }, function(error) {
@@ -105,11 +108,7 @@ app.controller('PlaylistsCtrl', function (
                         notificationFactory.error("Something went wrong!");
                     })
                     .finally(function() {
-                        $state.transitionTo($state.current, $stateParams, {
-                            reload: true,
-                            inherit: false,
-                            notify: true
-                        });
+                        $('#' + playlistId).remove();
                     });
             });
     };

app/views/playlists/playlists.html

@@ -8,7 +8,8 @@ <h1> {{ title }}</h1>
                 ng-class="{ playlist: data.kind  }"
                 data-kind="{{ data.kind }}"
                 ng-if="data.kind == 'playlist'"
-                data-playlist-hidden="true" >
+                data-playlist-hidden="true"
+                id="{{data.id}}">
 
                 <h4 class="songList_item_song_user" collapsible>{{ data.title }} playlist - <span>show</span></h4>
                 <span class="mediaBox_item_info">
@@ -26,7 +27,8 @@ <h4 class="songList_item_song_user" collapsible>{{ data.title }} playlist - <spa
                         ng-repeat="tracks in data.tracks"
                         ng-class="{ active: hover }"
                         ng-mouseover="hover = true"
-                        ng-mouseleave="hover = false" >
+                        ng-mouseleave="hover = false"
+                        id="{{tracks.id}}">
 
                         <div class="songList_item_container_artwork">
                             <span class="songList_item_song_button"
@@ -64,6 +66,4 @@ <h4 class="songList_item_song_user">
     </div>
     <!-- Song list wrapper / end -->
 
-    <div ng-include="'views/common/loading.html'"></div>
-
 </div>