|
|
|
|
@@ -1444,8 +1444,8 @@ const SlideCreator = {
|
|
|
|
|
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
|
|
|
|
|
|
|
|
// Client Setting Overrides
|
|
|
|
|
const enableVideo = SettingsManager.getSetting('videoBackdrops', CONFIG.enableVideoBackdrop);
|
|
|
|
|
const enableMobileVideo = SettingsManager.getSetting('mobileVideo', CONFIG.enableMobileVideo);
|
|
|
|
|
const enableVideo = MediaBarEnhancedSettingsManager.getSetting('videoBackdrops', CONFIG.enableVideoBackdrop);
|
|
|
|
|
const enableMobileVideo = MediaBarEnhancedSettingsManager.getSetting('mobileVideo', CONFIG.enableMobileVideo);
|
|
|
|
|
|
|
|
|
|
const shouldPlayVideo = enableVideo && (!isMobile || enableMobileVideo);
|
|
|
|
|
|
|
|
|
|
@@ -2142,7 +2142,7 @@ const SlideshowManager = {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const enableAnimations = SettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
|
|
|
|
|
const enableAnimations = MediaBarEnhancedSettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
|
|
|
|
|
|
|
|
|
|
if (enableAnimations) {
|
|
|
|
|
const backdrop = currentSlide.querySelector(".backdrop");
|
|
|
|
|
@@ -2191,7 +2191,7 @@ const SlideshowManager = {
|
|
|
|
|
STATE.slideshow.isTransitioning = false;
|
|
|
|
|
|
|
|
|
|
if (previousVisibleSlide) {
|
|
|
|
|
const enableAnimations = SettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
|
|
|
|
|
const enableAnimations = MediaBarEnhancedSettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
|
|
|
|
|
if (enableAnimations) {
|
|
|
|
|
const prevBackdrop = previousVisibleSlide.querySelector(".backdrop");
|
|
|
|
|
const prevLogo = previousVisibleSlide.querySelector(".logo");
|
|
|
|
|
@@ -2787,7 +2787,7 @@ const SlideshowManager = {
|
|
|
|
|
}, CONFIG.shuffleInterval);
|
|
|
|
|
|
|
|
|
|
// Check if we should wait for trailer
|
|
|
|
|
const waitForTrailer = SettingsManager.getSetting('waitForTrailer', CONFIG.waitForTrailerToEnd);
|
|
|
|
|
const waitForTrailer = MediaBarEnhancedSettingsManager.getSetting('waitForTrailer', CONFIG.waitForTrailerToEnd);
|
|
|
|
|
|
|
|
|
|
if (waitForTrailer && STATE.slideshow.slideInterval) {
|
|
|
|
|
const activeSlide = document.querySelector('.slide.active');
|
|
|
|
|
@@ -2934,7 +2934,7 @@ const initArrowNavigation = () => {
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const SettingsManager = {
|
|
|
|
|
const MediaBarEnhancedSettingsManager = {
|
|
|
|
|
initialized: false,
|
|
|
|
|
|
|
|
|
|
init() {
|
|
|
|
|
@@ -2962,7 +2962,9 @@ const SettingsManager = {
|
|
|
|
|
button.className = 'paper-icon-button-light headerButton media-bar-settings-button';
|
|
|
|
|
button.title = 'Media Bar Settings';
|
|
|
|
|
// button.innerHTML = '<span class="material-icons">tune</span>';
|
|
|
|
|
button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW.svg" style="width: 24px; height: 24px; vertical-align: middle;">';
|
|
|
|
|
// button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW.svg" style="width: 24px; height: 24px; vertical-align: middle;">';
|
|
|
|
|
// currently not optimal, as it's egg-shaped due to the svg format... but if it's square, it's very small...
|
|
|
|
|
button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW.svg" draggable="false" style="width: 52px; height: 24px; vertical-align: middle; pointer-events: none;">';
|
|
|
|
|
button.style.verticalAlign = 'middle';
|
|
|
|
|
|
|
|
|
|
button.addEventListener('click', (e) => {
|
|
|
|
|
@@ -3097,8 +3099,8 @@ const slidesInit = async () => {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (CONFIG.enableClientSideSettings) {
|
|
|
|
|
SettingsManager.init();
|
|
|
|
|
const isEnabled = SettingsManager.getSetting('enabled', true);
|
|
|
|
|
MediaBarEnhancedSettingsManager.init();
|
|
|
|
|
const isEnabled = MediaBarEnhancedSettingsManager.getSetting('enabled', true);
|
|
|
|
|
if (!isEnabled) {
|
|
|
|
|
console.log("MediaBarEnhanced: Disabled by client-side setting.");
|
|
|
|
|
const homeSections = document.querySelector('.homeSectionsContainer');
|
|
|
|
|
|