Add an icon to select all songs in the queue.

Fixes tsquillario/Jamstash#220

app/index.html

@@ -20,6 +20,7 @@
     <link href="" rel="stylesheet" type="text/css" data-name="theme" />
     <!-- build:css(app) styles/concat.min.css -->
     <link rel="stylesheet" href="player/player.css" />
+    <link rel="stylesheet" href="queue/queue.css" />
     <link rel="stylesheet" href="subsonic/subsonic.css" />
     <link rel="stylesheet" href="player/repeat-directive/repeat-directive.css" />
     <link rel="stylesheet" href="subsonic/breadcrumbs-directive/breadcrumbs-directive.css" />

app/queue/queue.css

@@ -0,0 +1,14 @@
+.queue .icon {
+    height: 12px;
+    width:  12px;
+}
+
+.queue .icon-wrap {
+    float:  left;
+    cursor:  pointer;
+    padding:  6px;
+}
+
+.queue .icon-select-all {
+    fill: #4C4C4C;
+}

app/queue/queue.html

@@ -1,4 +1,14 @@
-<div class="headeractions">
+<div class="queue headeractions">
+	<a
+        class="icon-wrap"
+        title="Select All"
+        ng-click="vm.selectAll()"
+    >
+        <svg class="icon">
+            <title>Select all songs</title>
+            <use xlink:href="images/sprite/iconic.svg#check" class="icon-select-all"></use>
+        </svg>
+    </a>
     <a
         class="buttonimg"
         title="Shuffle Queue"

app/queue/queue.js

@@ -36,12 +36,13 @@ function QueueController(
 
     var self = this;
     _.extend(self, {
-        player: player,
+        player                      : player,
         emptyQueue                  : emptyQueue,
         isPlayingSong               : isPlayingSong,
         playSong                    : player.play,
         removeSelectedSongsFromQueue: removeSelectedSongsFromQueue,
         removeSongFromQueue         : player.removeSong,
+        selectAll                   : selectAll,
         shuffleQueue                : shuffleQueue,
         toggleSelection             : SelectedSongs.toggle,
         toggleStar                  : toggleStar
@@ -53,6 +54,15 @@ function QueueController(
         $.fancybox.close();
     }
 
+    function selectAll() {
+        var allSelected = _.every(player.queue, 'selected');
+        if (allSelected) {
+            SelectedSongs.reset();
+        } else {
+            SelectedSongs.addSongs(player.queue);
+        }
+    }
+
     function isPlayingSong(song) {
         return angular.equals(song, player.getPlayingSong());
     }

app/queue/queue_test.js

@@ -2,13 +2,15 @@
 describe("Queue controller", function () {
     'use strict';
 
-    var QueueContoller, $scope, player, subsonic, SelectedSongs, notifications, $q, deferred, song;
+    var QueueContoller, _, $scope, player, subsonic, SelectedSongs, notifications, $q, deferred, song;
 
     beforeEach(function () {
         module('jamstash.queue.controller');
 
         SelectedSongs = jasmine.createSpyObj("SelectedSongs", [
-            "get"
+            "addSongs",
+            "get",
+            "reset"
         ]);
 
         player = jasmine.createSpyObj("player", [
@@ -30,12 +32,13 @@ describe("Queue controller", function () {
         inject(function ($controller, $rootScope, _$q_, lodash) {
             $q = _$q_;
             deferred = $q.defer();
+            _ = lodash;
 
             $scope = $rootScope.$new();
 
             QueueContoller = $controller('QueueController', {
                 $scope       : $scope,
-                _            : lodash,
+                _            : _,
                 player       : player,
                 SelectedSongs: SelectedSongs,
                 subsonic     : subsonic,
@@ -54,6 +57,60 @@ describe("Queue controller", function () {
         expect($.fancybox.close).toHaveBeenCalled();
     });
 
+    describe("selectAll() - Given that there were 2 songs in the queue", function() {
+        beforeEach(function() {
+            SelectedSongs.addSongs.and.callFake(function (songs) {
+                _.forEach(songs, function (song) {
+                    song.selected = true;
+                });
+            });
+
+            SelectedSongs.reset.and.callFake(function () {
+                _.forEach(player.queue, function (song) {
+                    song.selected = false;
+                });
+            });
+
+            player.queue = [
+                { id: 7322 },
+                { id: 5347 }
+            ];
+        });
+
+        it("and none was selected, when I select all songs, then the 2 songs will be selected", function() {
+            player.queue[0].selected = false;
+            player.queue[1].selected = false;
+
+            QueueContoller.selectAll();
+
+            expect(SelectedSongs.addSongs).toHaveBeenCalledWith(player.queue);
+            expect(player.queue[0].selected).toBeTruthy();
+            expect(player.queue[1].selected).toBeTruthy();
+        });
+
+        it("and one was selected, when I select all songs, then the 2 songs will be selected", function() {
+            player.queue[0].selected = false;
+            player.queue[1].selected = true;
+
+            QueueContoller.selectAll();
+
+            expect(SelectedSongs.addSongs).toHaveBeenCalledWith(player.queue);
+            expect(player.queue[0].selected).toBeTruthy();
+            expect(player.queue[1].selected).toBeTruthy();
+        });
+
+        it("and all were selected, when I select all songs, then the 2 songs will be unselected", function() {
+            player.queue[0].selected = true;
+            player.queue[1].selected = true;
+
+            QueueContoller.selectAll();
+
+            expect(SelectedSongs.reset).toHaveBeenCalled();
+            expect(player.queue[0].selected).toBeFalsy();
+            expect(player.queue[1].selected).toBeFalsy();
+        });
+    });
+
     it("shuffleQueue() - When I shuffle the queue, then the player's shuffleQueue will be called and the queue will be scrolled back to the first element", function () {
         spyOn($.fn, 'scrollTo');
 
@@ -124,5 +181,5 @@ describe("Queue controller", function () {
             expect(song.starred).toBeFalsy();
             expect(notifications.updateMessage).toHaveBeenCalledWith('Favorite Updated!', true);
         });
-        });
+    });
 });