From 06fb8d70461e559ac41bce068f62942f1f0fdb00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Fri, 4 May 2018 14:53:34 +0200
Subject: [PATCH] Added buy/artist buttons when playing from soundcloud

---
 server/public/assets/css/style.css                |  9 +++++++++
 server/public/assets/js/player.js                 | 13 +++++++++++++
 server/public/partials/channel/players.handlebars |  4 ++++
 3 files changed, 26 insertions(+)

diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index 0e3f3d78..e3138bf6 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -123,6 +123,15 @@ a {
     margin: auto;
 }
 
+.soundcloud_info_container {
+    position: absolute;
+    bottom: 20px;
+    left: 20px;
+    display: flex;
+    width: 35%;
+    justify-content: space-between;
+}
+
 #player_loader_container {
     height: 100%;
 width: 100%;
diff --git a/server/public/assets/js/player.js b/server/public/assets/js/player.js
index 79134ae9..6407847a 100755
--- a/server/public/assets/js/player.js
+++ b/server/public/assets/js/player.js
@@ -264,6 +264,12 @@ var Player = {
                     if(paused) SC.Widget(Player.soundcloud_player).play();
                 });
             }
+            SC.Widget(Player.soundcloud_player).getCurrentSound(function(sound) {
+                Helper.removeClass(".soundcloud_info_container", "hide");
+                document.querySelector(".soundcloud_info_container .green").href = sound.purchase_url;
+                document.querySelector(".soundcloud_info_container .red").href = sound.user.permalink_url;
+                console.log(sound);
+            });
         } else {
             var _autoAdd = "false";
             if(_autoplay) {
@@ -326,6 +332,7 @@ var Player = {
                     SC.Widget(Player.soundcloud_player).pause();
                 } catch(e) {
                 }
+                Helper.addClass(".soundcloud_info_container", "hide");
                 Helper.addClass(document.getElementById("player_overlay"), "hide");
                 Helper.css(document.getElementById("player_overlay"), "background",  "none");
                 Helper.addClass("#player_overlay_text", "hide");
@@ -570,6 +577,12 @@ var Player = {
         } else if(soundcloud_loading){
             SC.Widget(Player.soundcloud_player).seekTo((seekTo) * 1000);
             SC.Widget(Player.soundcloud_player).setVolume(embed ? 100 : Crypt.get_volume());
+            SC.Widget(Player.soundcloud_player).getCurrentSound(function(sound) {
+                Helper.removeClass(".soundcloud_info_container", "hide");
+                document.querySelector(".soundcloud_info_container .green").href = sound.purchase_url;
+                document.querySelector(".soundcloud_info_container .red").href = sound.user.permalink_url;
+                console.log(sound);
+            });
             soundcloud_loading = false;
         }
         if(embed) {
diff --git a/server/public/partials/channel/players.handlebars b/server/public/partials/channel/players.handlebars
index ae206d65..2316f6c6 100644
--- a/server/public/partials/channel/players.handlebars
+++ b/server/public/partials/channel/players.handlebars
@@ -16,6 +16,10 @@
                 </div>
                 <div id="chromecast_text"></div>
             </div>
+            <div class="soundcloud_info_container hide">
+                <a href="#!" class="btn green waves-effect waves-light" target="_blank">Buy</a>
+                <a href="#!" class="btn red waves-effect waves-light" target="_blank">Artist</a>
+            </div>
             <div id="player_overlay_text" class="valign center-align">
                 Waiting for Video
             </div>