diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj b/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj index c4cf117..db011d0 100644 --- a/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj +++ b/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj @@ -12,7 +12,7 @@ Jellyfin Media Bar Enhanced Plugin CodeDevMLH - 1.2.0.0 + 1.2.1.0 https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css index a3a9d11..2d572e3 100644 --- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css +++ b/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); diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js index f0540a0..1148c07 100644 --- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js +++ b/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 = - document.querySelector(".homeSectionsContainer") && - document.querySelector("#slides-container"); + const activeTab = document.querySelector(".pageTabContent.is-active"); - if (loginFormLoaded || homePageLoaded) { - clearInterval(progressInterval); - clearInterval(checkInterval); + if (loginFormLoaded) { + finishLoading(); + return; + } - progressBar.style.transition = "width 300ms ease-in-out"; - progressBar.style.width = "100%"; - unfilledBar.style.width = "0%"; + if (activeTab) { + const tabIndex = activeTab.getAttribute("data-index"); - progressBar.addEventListener('transitionend', () => { - requestAnimationFrame(() => { - const loader = document.querySelector(".bar-loading"); - if (loader) { - loader.style.opacity = '0'; - setTimeout(() => { - loader.remove(); - }, 300); - } - }); - }) + if (tabIndex === "0") { + const homeSections = document.querySelector(".homeSectionsContainer"); + const slidesContainer = document.querySelector("#slides-container"); + + if (homeSections && slidesContainer) { + finishLoading(); + } + } 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); + } + }); + }); + }; }; /** diff --git a/manifest.json b/manifest.json index 7ca5737..5e11941 100644 --- a/manifest.json +++ b/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",