Added add song to other list from one list button in the controls bar

server/public/assets/css/style.css

@@ -2610,6 +2610,8 @@ nav ul li:hover, nav ul li.active {
     line-height: 31px;
 }
 
+
+
 .ui-slider-vertical {
     width: .8em;
     height: 100px;
@@ -2842,7 +2844,7 @@ nav ul li:hover, nav ul li.active {
     width: 100vw !important;
 }
 
-#seekToDuration{
+#seekToDuration, #addToListInput{
     position: absolute;
     background: #2d2d2d;
     color:white;
@@ -2858,6 +2860,23 @@ nav ul li:hover, nav ul li.active {
     pointer-events: none;
 }
 
+#addToListInput {
+    top: -105px;
+    right: 10px;
+    z-index: 999999;
+    pointer-events: all;
+}
+
+#addToListInput .input-field {
+    margin-right: 25px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+#addToListInput .input-field input {
+    color: white;
+}
+
 .ewresize{
     cursor: ew-resize;
 }

server/public/assets/js/listeners.js

@@ -987,6 +987,18 @@ function addDynamicListeners() {
         Player.playVideo();
     });
 
+    addListener("click", "#addToOtherList", function(event) {
+        this.preventDefault();
+        Helper.toggleClass("#addToListInput", "hide");
+    });
+
+    addListener("submit", "#addToOtherListForm", function() {
+        this.preventDefault();
+        emit("add", {offsiteAdd: true, id: Player.np.id, start: Player.np.start, end: Player.np.end, title: Player.np.title, list: document.getElementById("other-list-name-add").value.toLowerCase(), duration: Player.np.duration, source: Player.np.source, thumbnail: Player.np.thumbnail});
+        Helper.toggleClass("#addToListInput", "hide");
+        document.getElementById("other-list-name-add").value = "";
+    });
+
     addListener("click", "#listExport", function(event){
         this.preventDefault();
         if(!youtube_authenticated){