From d74a6694a8f907f2a6c6e426e37ae32ce315d171 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Tue, 23 Oct 2018 13:02:16 +0200
Subject: [PATCH] Visual loop and not exported elements

---
 server/public/assets/js/list.js      | 18 +++++++++++++++---
 server/public/assets/js/listeners.js | 12 +++---------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/server/public/assets/js/list.js b/server/public/assets/js/list.js
index 52ee53fe..4ee9d626 100755
--- a/server/public/assets/js/list.js
+++ b/server/public/assets/js/list.js
@@ -610,15 +610,25 @@ var List = {
         console.log(thisSong, i);
         if(i >= full_playlist.length) {
             console.log(result, List.found, List.not_found);
-            //List.found = [];
-            //List.not_found = [];
             SC_player.post('/playlists', {
                 playlist: {
-                    title: "zoff_list",
+                    title: chan.toLowerCase() + " - Zoff",
                     tracks: List.found,
                 }
             }).then(function(result) {
                 console.log(result, List.found, List.not_found);
+                for(var x = 0; x < List.not_found.length; x++) {
+                    var data = List.not_found[x];
+                    var not_added_song = document.createElement("div");
+                    not_added_song.innerHTML = not_export_html;
+                    not_added_song.querySelector(".extra-add-text").setAttribute("value", data);
+                    not_added_song.querySelector(".extra-add-text").setAttribute("title", data);
+                    document.querySelector(".not-exported-container").insertAdjacentHTML("beforeend", not_added_song.innerHTML);
+                }
+                Helper.addClass(".current_number", "hide");
+                Helper.addClass("#playlist_loader_export", "hide");
+                Helper.addClass(".exported-list-container", "hide");
+                document.querySelector(".exported-list").insertAdjacentHTML("beforeend", "<a target='_blank' class='btn light exported-playlist exported-spotify-list' href='" result.permalink_url + "'>" + result.title + "</a>");
                 List.found = [];
                 List.not_found = [];
             }).catch(function(error) {
@@ -630,6 +640,8 @@ var List = {
             }
         } else if(thisSong != undefined && i != undefined) {
             var isFound = false;
+            Helper.removeClass(".current_number", "hide");
+            document.querySelector(".current_number").innerText = (i) + " of " + (full_playlist.length);
             if(thisSong.source == "soundcloud") {
                 List.found.push({id: parseInt(thisSong.id)});
                 List.exportToSoundCloud(full_playlist[i+1], i+1);
diff --git a/server/public/assets/js/listeners.js b/server/public/assets/js/listeners.js
index 196aa34e..6e619390 100755
--- a/server/public/assets/js/listeners.js
+++ b/server/public/assets/js/listeners.js
@@ -975,15 +975,9 @@ function addDynamicListeners() {
         soundcloud_window = window.open("/api/oauth#soundcloud=true&nonce=" + nonce, "", "width=600, height=600");*/
 
         SC_player.connect({"display":"page"}).then(function() {
-            console.log("We export now");
-            var tracks = [{id: 290}, {id: 291}, {id: 292}];
-
-              SC_player.post('/playlists', {
-                playlist: { title: 'My Playlist', tracks: tracks }
-            }).then(function(res) {
-                console.log("this", res);
-            });
-
+            Helper.removeClass("#playlist_loader_export", "hide");
+            Helper.addClass(".soundcloud-export-button", "hide");
+            Helper.removeClass(".exported-list-container", "hide");
             List.exportToSoundCloud();
         });
     });