Added button to add song to other playlist

server/public/assets/css/style.css

@@ -2564,12 +2564,12 @@ nav ul li:hover, nav ul li.active {
     margin-left: 5px;
 }
 
-#playpause:hover, #volume-button:hover, #fullscreen:hover
+#playpause:hover, #volume-button:hover, #fullscreen:hover, #addToOtherList
 {
     color:rgba(255,255,255,0.5);
 }
 
-#fullscreen
+#fullscreen, #addToOtherList
 {
     float:right;
     color:white;
@@ -2602,7 +2602,7 @@ nav ul li:hover, nav ul li.active {
     margin-right: 5px;
 }
 
-#play, #pause, #volume-button, #fullscreen
+#play, #pause, #volume-button, #fullscreen, #addToOtherList
 {
     font-size: 24px;
     cursor:pointer;

server/public/assets/js/channel.js

@@ -263,6 +263,12 @@ var Channel = {
                 html: "Viewers"
             });
 
+            Helper.tooltip("#addToOtherList", {
+                delay: 5,
+                position: "top",
+                html: "Add to other playlist"
+            });
+
             Helper.tooltip("#fullscreen", {
                 delay: 5,
                 position: "top",
@@ -508,6 +514,7 @@ var Channel = {
             if(!Helper.mobilecheck()) {
                 Helper.tooltip('.castButton', "destroy");
                 Helper.tooltip("#viewers", "destroy");
+                Helper.tooltip('#addToOtherList', 'destroy');
                 //$('.castButton-unactive').tooltip("destroy");
                 Helper.tooltip("#offline-mode", "destroy");
                 Helper.tooltip('#admin-lock', "destroy");
@@ -559,6 +566,7 @@ var Channel = {
             Helper.css("#embed-button", "display", "none");
             if(!Helper.mobilecheck()) {
                 Helper.tooltip(".castButton", "destroy");
+                Helper.tooltip('#addToOtherList', 'destroy');
                 Helper.tooltip("#viewers", "destroy");
                 Helper.tooltip("#offline-mode", "destroy");
                 Helper.tooltip("search-btn", "destroy");

server/public/assets/js/listeners.js

@@ -815,6 +815,7 @@ function addDynamicListeners() {
             if(!Helper.mobilecheck()) {
                 Helper.tooltip('.castButton', "destroy");
                 Helper.tooltip("#viewers", "destroy");
+                Helper.tooltip('#addToOtherList', 'destroy');
                 //$('.castButton-unactive').tooltip("destroy");
                 Helper.tooltip("#offline-mode", "destroy");
                 Helper.tooltip('#admin-lock', "destroy");

server/public/partials/channel/players.handlebars

@@ -66,6 +66,9 @@
                 <div id="volume"></div>
             </div>
             <div id="viewers" data-position="top"></div>
+            <div id="addToOtherList" class="playbar-btn">
+                <i class="material-icons">playlist_add</i>
+            </div>
             <div id="bar"></div>
         </div>
     </div>