From 112fda861235f527379af9f27ae6c25ab8166847 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Sat, 7 Dec 2024 21:26:40 -0500
Subject: [PATCH] Fix Fullscreen function and the ShowFullscreen option

---
 src/Controls.astro            |  2 +-
 src/Controls/Controller.astro | 17 +++++++++--------
 src/Player.astro              |  4 ++--
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/Controls.astro b/src/Controls.astro
index 99a9dde..c703c70 100644
--- a/src/Controls.astro
+++ b/src/Controls.astro
@@ -13,7 +13,7 @@ const {
     ShowBackAndForward,
     ShowPlaybackRate,
     ShowPiP = true,
-    ShowFullscreen =  true,
+    ShowFullscreen = true,
 
     // OThers
     Subtitles
diff --git a/src/Controls/Controller.astro b/src/Controls/Controller.astro
index be0ec1c..b68f32f 100644
--- a/src/Controls/Controller.astro
+++ b/src/Controls/Controller.astro
@@ -5,6 +5,8 @@ const {
   ShowBackAndForward,
   ShowFullscreen
 } = Astro.props
+
+console.log('Controller: ' + ShowFullscreen)
 ---
 
 <script define:vars={{PlayerName, BigPlayButton, ShowBackAndForward, ShowFullscreen}}>
@@ -61,10 +63,9 @@ function Buffering() {
 
 // Fullscreen
 function Fullscreen() {
+  console.log('Hey')
   // Get Button
-  if (ShowFullscreen === true) {
     var Button_Fullscreen = document.querySelector("#zorn-player-" + PlayerName + " #vc-fullscreen");
-  }
 
   // Create and Call Functions
   function Toggle_Fullscreen() {
@@ -84,19 +85,19 @@ function Fullscreen() {
       EnterFullscreen();
       VideoContainer.requestFullscreen()
     }
-    if (ShowFullscreen === true) {Update_FullscreenButton()}
+    Update_FullscreenButton()
   }
   function EnterFullscreen() {
     VideoContainer.classList.add('zorn-fullscreen');
-    if (ShowFullscreen === true) {Update_FullscreenButton()}
+    Update_FullscreenButton()
   }
   function ExitFullscreen() {
     VideoContainer.classList.remove('zorn-fullscreen');
-    if (ShowFullscreen === true) {Update_FullscreenButton()}
+    Update_FullscreenButton()
   }
 
   // Event Listener
-  if (ShowFullscreen === true) {Button_Fullscreen.onclick = Toggle_Fullscreen;}
+  Button_Fullscreen.onclick = Toggle_Fullscreen;
   function Update_FullscreenButton() {
     if (document.fullscreenElement) {
       Button_Fullscreen.setAttribute("data-title", "Exit full screen (f)");
@@ -110,7 +111,7 @@ function Fullscreen() {
   // Gesture
   Player.addEventListener("dblclick", () => {
     Toggle_Fullscreen()
-    if (ShowFullscreen === true) {Update_FullscreenButton()}
+    Update_FullscreenButton()
   });
 
   // Keyboard Shortcut
@@ -352,7 +353,7 @@ function PlayAgain() {
 // Init Functions
 AutoToggleControls()
 Buffering()
-Fullscreen()
+if (ShowFullscreen === true) {Fullscreen()}
 Gestures()
 KeyboardShortcuts()
 PlayPause()
diff --git a/src/Player.astro b/src/Player.astro
index bf1f2de..32dae5e 100644
--- a/src/Player.astro
+++ b/src/Player.astro
@@ -17,7 +17,7 @@ const {
     ShowBackAndForward,
     ShowPlaybackRate,
     ShowPiP,
-    ShowFullscreen,
+    ShowFullscreen = true,
     BigPlayButton = false,
 
     YouTube = false,
@@ -106,7 +106,7 @@ import './Styles/Iconoir.css'
         :
         null
     }
-    <Controller PlayerName={PlayerName} BigPlayButton={BigPlayButton} ShowBackAndForward={ShowBackAndForward}/>
+    <Controller PlayerName={PlayerName} BigPlayButton={BigPlayButton} ShowBackAndForward={ShowBackAndForward} ShowFullscreen={ShowFullscreen}/>
     <Seek PlayerName={PlayerName}/>
 </div>