From 45d9841743ea6e334574485a0ba63a605e97b294 Mon Sep 17 00:00:00 2001
From: Roy Olav Purser <admin@royolav.net>
Date: Fri, 21 May 2021 13:41:34 +0200
Subject: [PATCH] add chromecast conditionally

---
 frontend/script.js | 16 ++++++++++++++--
 frontend/style.css |  3 +++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/script.js b/frontend/script.js
index 368adf1..4556e87 100644
--- a/frontend/script.js
+++ b/frontend/script.js
@@ -54,16 +54,16 @@
         bigCastButton.addClass("vjs-control");
         bigCastButton.addClass("vjs-button");
         bigCastButton.addClass("vjs-big-chromecast");
-        player.addChild(bigCastButton);
 
         const smallCastButton = new Button(player, cbutton);
         smallCastButton.addClass("fab");
         smallCastButton.addClass("fa-chromecast");
         smallCastButton.addClass("vjs-control");
         smallCastButton.addClass("vjs-button");
-        player.controlBar.addChild(smallCastButton);
 
+        let loadScreen = true;
         player.one("play", () => {
+            loadScreen = false;
             player.removeChild(bigCastButton);
         });
 
@@ -73,6 +73,18 @@
                 player.volume(0.2);
             }
         });
+        player.on("chromecastDevicesAvailable", () => {
+            player.controlBar.addChild(smallCastButton);
+            if(loadScreen) {
+                player.addChild(bigCastButton);
+            }
+        });
+        player.on("chromecastDevicesUnvailable", () => {
+            player.controlBar.removeChild(smallCastButton);
+            if(loadScreen) {
+                player.removeChild(bigCastButton);
+            }
+        });
     }
     document.addEventListener("DOMContentLoaded", handleCount);
     xhr.addEventListener("load", handleCount);
diff --git a/frontend/style.css b/frontend/style.css
index 6c42d9f..dc443eb 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -4,6 +4,9 @@ body {
 .fa-chromecast:before {
     font-size: 1.2em;
 }
+.vjs-button {
+    cursor:pointer;
+}
 .vjs-big-chromecast {
     position: absolute !important;
     font-size: 3rem !important;