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

Refactor oktoberfest.js to enhance configuration handling for symbol counts and durations

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-28 00:52:27 +01:00
parent 7b15ed46c1
commit 68dc9efa4d
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Jellyfin.Plugin.Seasonals/Web/oktoberfest.js
View File

@@ -1,5 +1,8 @@
const config = window.SeasonalsPluginConfig?.Oktoberfest || {}; const config = window.SeasonalsPluginConfig?.Oktoberfest || {};
const oktoberfest = config.EnableOktoberfest !== undefined ? config.EnableOktoberfest : true; // enable/disable oktoberfest const oktoberfest = config.EnableOktoberfest !== undefined ? config.EnableOktoberfest : true; // enable/disable oktoberfest
const symbolCount = config.SymbolCount !== undefined ? config.SymbolCount : 25; // count of symbols
const symbolCountMobile = config.SymbolCountMobile !== undefined ? config.SymbolCountMobile : 10; // count of symbols on mobile
const enableDifferentDuration = config.EnableDifferentDuration !== undefined ? config.EnableDifferentDuration : true; // enable different durations
const oktoberfestSymbols = ['🥨', '🍺', '🍻', '🥨', '🥨']; const oktoberfestSymbols = ['🥨', '🍺', '🍻', '🥨', '🥨'];
@@ -38,8 +41,8 @@ observer.observe(document.body, {
attributes: true attributes: true
}); });
function createOktoberfest(container) { function createOktoberfest(container, count) {
for (let i = 0; i < 20; i++) { for (let i = 0; i < count; i++) {
const symbol = document.createElement('div'); const symbol = document.createElement('div');
symbol.className = 'oktoberfest-symbol'; symbol.className = 'oktoberfest-symbol';
symbol.textContent = oktoberfestSymbols[Math.floor(Math.random() * oktoberfestSymbols.length)]; symbol.textContent = oktoberfestSymbols[Math.floor(Math.random() * oktoberfestSymbols.length)];
@@ -47,7 +50,9 @@ function createOktoberfest(container) {
symbol.style.animationDelay = `${Math.random() * 10}s, ${Math.random() * 5}s`; symbol.style.animationDelay = `${Math.random() * 10}s, ${Math.random() * 5}s`;
const duration1 = Math.random() * 5 + 8; const duration1 = Math.random() * 5 + 8;
const duration2 = Math.random() * 3 + 3; const duration2 = Math.random() * 3 + 3;
symbol.style.animationDuration = `${duration1}s, ${duration2}s`; if (enableDifferentDuration) {
symbol.style.animationDuration = `${duration1}s, ${duration2}s`;
}
container.appendChild(symbol); container.appendChild(symbol);
} }
@@ -61,6 +66,10 @@ function initializeOktoberfest() {
container.setAttribute("aria-hidden", "true"); container.setAttribute("aria-hidden", "true");
document.body.appendChild(container); document.body.appendChild(container);
} }
createOktoberfest(container);
const screenWidth = window.innerWidth;
const count = screenWidth > 768 ? symbolCount : symbolCountMobile;
createOktoberfest(container, count);
} }
initializeOktoberfest(); initializeOktoberfest();