Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo

Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Media Bar Enhanced Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.2.0.0</Version>
+    <Version>1.2.1.0</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -1,5 +1,5 @@
 /*
- * Jellyfin Slideshow by M0RPH3US v3.0.6
+ * Jellyfin Slideshow by M0RPH3US v3.0.8
  * Modified by CodeDevMLH v1.1.0.0
  * 
  * New features:
@@ -41,11 +41,11 @@
 
 @keyframes kenBurnsZoomIn {
   from {
-    transform: scale(1);
+    transform: scale3d(1, 1, 0);
   }
 
   to {
-    transform: scale(1.1);
+    transform: scale3d(1.1, 1.1, 0.1);
   }
 }
 
@@ -128,6 +128,10 @@
   transition: width 0.2s ease-in-out;
 }
 
+.layout-mobile .splashLogo {
+  height: 12%;
+}
+
 .backdrop.low-quality {
   filter: blur(0.5px);
   transform: scale(1.01);

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -1,5 +1,5 @@
 /*
- * Jellyfin Slideshow by M0RPH3US v3.0.6
+ * Jellyfin Slideshow by M0RPH3US v3.0.8
  * Modified by CodeDevMLH v1.1.0.0
  * 
  * New features:
@@ -253,31 +253,53 @@ const initLoadingScreen = () => {
 
   const checkInterval = setInterval(() => {
     const loginFormLoaded = document.querySelector(".manualLoginForm");
-    const homePageLoaded =
+    const activeTab = document.querySelector(".pageTabContent.is-active");
-      document.querySelector(".homeSectionsContainer") &&
-      document.querySelector("#slides-container");
 
-    if (loginFormLoaded || homePageLoaded) {
+    if (loginFormLoaded) {
-      clearInterval(progressInterval);
+      finishLoading();
-      clearInterval(checkInterval);
+      return;
+    }
 
-      progressBar.style.transition = "width 300ms ease-in-out";
+    if (activeTab) {
-      progressBar.style.width = "100%";
+      const tabIndex = activeTab.getAttribute("data-index");
-      unfilledBar.style.width = "0%";
 
-      progressBar.addEventListener('transitionend', () => {
+      if (tabIndex === "0") {
-        requestAnimationFrame(() => {
+        const homeSections = document.querySelector(".homeSectionsContainer");
-          const loader = document.querySelector(".bar-loading");
+        const slidesContainer = document.querySelector("#slides-container");
-          if (loader) {
+
-            loader.style.opacity = '0';
+        if (homeSections && slidesContainer) {
-            setTimeout(() => {
+          finishLoading();
-              loader.remove();
+        }
-            }, 300);
+      } else {
-          }
+        if (
-        });
+          activeTab.children.length > 0 ||
-      })
+          activeTab.innerText.trim().length > 0
+        ) {
+          finishLoading();
+        }
+      }
     }
   }, CONFIG.loadingCheckInterval);
+
+  const finishLoading = () => {
+    clearInterval(progressInterval);
+    clearInterval(checkInterval);
+    progressBar.style.transition = "width 300ms ease-in-out";
+    progressBar.style.width = "100%";
+    unfilledBar.style.width = "0%";
+
+    progressBar.addEventListener("transitionend", () => {
+      requestAnimationFrame(() => {
+        const loader = document.querySelector(".bar-loading");
+        if (loader) {
+          loader.style.opacity = "0";
+          setTimeout(() => {
+            loader.remove();
+          }, 300);
+        }
+      });
+    });
+  };
 };
 
 /**

manifest.json

@@ -8,6 +8,14 @@
     "category": "General",
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
+      {
+        "version": "1.2.1.0",
+        "changelog": "- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo",
+        "targetAbi": "10.11.0.0",
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "checksum": "",
+        "timestamp": ""
+      },
       {
         "version": "1.2.0.0",
         "changelog": "- Add video quality preference setting (Auto / 1080p / Highres)\n- Set preferred video quality on YouTube player based on setting",