CodeDevMLH/Jellyfin-Seasonals-Plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Refactor resurrection.js to remove random symbol functionality and adjust symbol count initialization for mobile responsiveness

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-28 01:21:33 +01:00
parent 71d07aa0f3
commit 93d5686b77
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Jellyfin.Plugin.Seasonals/Web/resurrection.js
View File

@@ -1,10 +1,9 @@
const config = window.SeasonalsPluginConfig?.Resurrection || {};
const enableResurrection = config.EnableResurrection !== undefined ? config.EnableResurrection : true; // enable/disable resurrection
const enableRandomSymbols = config.EnableRandomSymbols !== undefined ? config.EnableRandomSymbols : true; // enable random symbols
const enableRandomSymbolsMobile = config.EnableRandomSymbolsMobile !== undefined ? config.EnableRandomSymbolsMobile : false; // enable random symbols on mobile
const enableDifferentDuration = config.EnableDifferentDuration !== undefined ? config.EnableDifferentDuration : true; // enable different durations
const symbolCount = config.SymbolCount !== undefined ? config.SymbolCount : 12; // count of symbols
const symbolCountMobile = config.SymbolCountMobile !== undefined ? config.SymbolCountMobile : 5; // count of symbols on mobile
let animationEnabled = true;
let statusLogged = false;
@@ -78,10 +77,7 @@ function createSymbol(imageSrc, leftPercent, delaySeconds) {
function addSymbols(count) {
const container = document.querySelector('.resurrection-container');
if (!container || !enableRandomSymbols) return;
const isDesktop = window.innerWidth > 768;
if (!isDesktop && !enableRandomSymbolsMobile) return;
if (!container) return;
for (let i = 0; i < count; i++) {
const imageSrc = images[Math.floor(Math.random() * images.length)];
@@ -91,7 +87,7 @@ function addSymbols(count) {
}
}
function initResurrection() {
function initResurrection(count) {
let container = document.querySelector('.resurrection-container');
if (!container) {
container = document.createElement('div');
@@ -107,13 +103,17 @@ function initResurrection() {
container.appendChild(createSymbol(imageSrc, left, delay));
});
const extraCount = Math.max(symbolCount - images.length, 0);
const extraCount = Math.max(count - images.length, 0);
addSymbols(extraCount);
}
function initializeResurrection() {
if (!enableResurrection) return;
initResurrection();
const isMobile = window.matchMedia("only screen and (max-width: 768px)").matches;
const count = !isMobile ? symbolCount : symbolCountMobile;
initResurrection(count);
toggleResurrection();
}