From 2b42ba58d1745163d60d8cc393a5cba3e4a917d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Thu, 7 Jun 2018 15:09:23 +0200
Subject: [PATCH] No pointer-events on player on host-mode

---
 server/public/assets/js/functions.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/server/public/assets/js/functions.js b/server/public/assets/js/functions.js
index c59452cd..5dfa5aed 100644
--- a/server/public/assets/js/functions.js
+++ b/server/public/assets/js/functions.js
@@ -520,6 +520,8 @@ function enable_host_mode(enabled) {
             Helper.css("#main-row", "backgroundColor", "inherit");
             Helper.css(".main", "backgroundColor", "inherit");
             Helper.removeClass("#host-title", "hide");
+            Helper.css("#soundcloud_info_container", "display", "none");
+            Helper.css("#player", "pointer-events", "none");
             hostMode = enabled;
             document.querySelector("#playlist").insertAdjacentHTML("beforeend", "<div id='join-sidebar' style='color:white;'>" + document.querySelector("#channel-share-modal").querySelector(".modal-content").innerHTML + "</div>");
             document.addEventListener('webkitfullscreenchange', exitHandler, false);
@@ -535,9 +537,11 @@ function enable_host_mode(enabled) {
         Helper.removeClass("#video-container", "host-mode-height");
         Helper.removeClass("#playlist", "host-mode-height");
         Helper.css(".playlist-tabs-loggedIn", "display", "flex");
+        Helper.css("#player", "pointer-events", "all");
         Helper.addClass("#wrapper", "tabs_height");
         Helper.addClass("#host-title", "hide");
         Helper.removeClass("#wrapper", "host-mode-wrapper");
+        Helper.css("#soundcloud_info_container", "display", "flex");
         Helper.css(".skip", "display", "block");
         document.querySelector("#join-sidebar").remove();
         var removeElements = document.querySelectorAll(".list-remove");