Refactor Earth Day configuration to replace VineCount with FlowersCount and update related descriptions [skip ci]

This commit is contained in:
CodeDevMLH
2026-02-28 14:08:22 +01:00
parent 9f7ecd9cd0
commit 3dffd847de

View File

@@ -136,12 +136,10 @@
</label> </label>
<div class="fieldDescription">Enable the autumn theme effects in general (e.g. for automation).</div> <div class="fieldDescription">Enable the autumn theme effects in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="AutumnLeafCount">Leaf Count</label> <label class="inputLabel" for="AutumnLeafCount">Leaf Count</label>
<input is="emby-input" type="number" id="AutumnLeafCount" name="AutumnLeafCount" /> <input is="emby-input" type="number" id="AutumnLeafCount" name="AutumnLeafCount" />
<div class="fieldDescription">Number of additional leaves displayed (if enabled)</div> <div class="fieldDescription">Number of leaves displayed</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="AutumnLeafCountMobile">Leaf Count (Mobile)</label> <label class="inputLabel" for="AutumnLeafCountMobile">Leaf Count (Mobile)</label>
@@ -174,12 +172,10 @@
</label> </label>
<div class="fieldDescription">Enable the snowflakes theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the snowflakes theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SnowflakesCount">Snowflake Count</label> <label class="inputLabel" for="SnowflakesCount">Snowflake Count</label>
<input is="emby-input" type="number" id="SnowflakesCount" name="SnowflakesCount" /> <input is="emby-input" type="number" id="SnowflakesCount" name="SnowflakesCount" />
<div class="fieldDescription">Number of additional snowflakes displayed (if enabled).</div> <div class="fieldDescription">Number of snowflakes displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SnowflakeCountMobile">Snowflake Count (Mobile)</label> <label class="inputLabel" for="SnowflakeCountMobile">Snowflake Count (Mobile)</label>
@@ -315,12 +311,10 @@
</label> </label>
<div class="fieldDescription">Enable the Halloween theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Halloween theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="HalloweenCount">Symbol Count</label> <label class="inputLabel" for="HalloweenCount">Symbol Count</label>
<input is="emby-input" type="number" id="HalloweenCount" name="HalloweenCount" /> <input is="emby-input" type="number" id="HalloweenCount" name="HalloweenCount" />
<div class="fieldDescription">Number of additional Halloween symbols (pumpkins, ghosts, etc.) on screen (if enabled).</div> <div class="fieldDescription">Number of Halloween symbols (pumpkins, ghosts, etc.) on screen.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="HalloweenCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="HalloweenCountMobile">Symbol Count (Mobile)</label>
@@ -404,12 +398,10 @@
</label> </label>
<div class="fieldDescription">Enable the Hearts theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Hearts theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="HeartsCount">Symbol Count</label> <label class="inputLabel" for="HeartsCount">Symbol Count</label>
<input is="emby-input" type="number" id="HeartsCount" name="HeartsCount" /> <input is="emby-input" type="number" id="HeartsCount" name="HeartsCount" />
<div class="fieldDescription">Number of additional floating hearts.</div> <div class="fieldDescription">Number of hearts displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="HeartsCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="HeartsCountMobile">Symbol Count (Mobile)</label>
@@ -435,12 +427,10 @@
</label> </label>
<div class="fieldDescription">Enable the Christmas theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Christmas theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="ChristmasCount">Symbol Count</label> <label class="inputLabel" for="ChristmasCount">Symbol Count</label>
<input is="emby-input" type="number" id="ChristmasCount" name="ChristmasCount" /> <input is="emby-input" type="number" id="ChristmasCount" name="ChristmasCount" />
<div class="fieldDescription">Number of additional Christmas symbols.</div> <div class="fieldDescription">Number of Christmas symbols.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="ChristmasCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="ChristmasCountMobile">Symbol Count (Mobile)</label>
@@ -523,14 +513,11 @@
</label> </label>
<div class="fieldDescription">Enable the Easter theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Easter theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="EasterEggCount">Egg Count</label> <label class="inputLabel" for="EasterEggCount">Egg Count</label>
<input is="emby-input" type="number" id="EasterEggCount" name="EasterEggCount" /> <input is="emby-input" type="number" id="EasterEggCount" name="EasterEggCount" />
<div class="fieldDescription">Number of additional Easter eggs (if enabled).</div> <div class="fieldDescription">Number of Easter eggs in the lawn.</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EasterBunny" name="EasterBunny" type="checkbox" is="emby-checkbox" /> <input id="EasterBunny" name="EasterBunny" type="checkbox" is="emby-checkbox" />
@@ -560,12 +547,10 @@
</label> </label>
<div class="fieldDescription">Enable the Resurrection theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Resurrection theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="ResurrectionSymbolCount">Symbol Count</label> <label class="inputLabel" for="ResurrectionSymbolCount">Symbol Count</label>
<input is="emby-input" type="number" id="ResurrectionSymbolCount" name="ResurrectionSymbolCount" /> <input is="emby-input" type="number" id="ResurrectionSymbolCount" name="ResurrectionSymbolCount" />
<div class="fieldDescription">Number of additional symbols (if enabled).</div> <div class="fieldDescription">Number of resurrection symbols.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="ResurrectionSymbolCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="ResurrectionSymbolCountMobile">Symbol Count (Mobile)</label>
@@ -591,17 +576,10 @@
</label> </label>
<div class="fieldDescription">Enables the Spring theme (grass, pollen).</div> <div class="fieldDescription">Enables the Spring theme (grass, pollen).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SpringPollenCount">Pollen Count</label> <label class="inputLabel" for="SpringPollenCount">Pollen Count</label>
<input is="emby-input" type="number" id="SpringPollenCount" name="SpringPollenCount" /> <input is="emby-input" type="number" id="SpringPollenCount" name="SpringPollenCount" />
<div class="fieldDescription">Number of pollen particles (if enabled).</div> <div class="fieldDescription">Number of pollen particles.</div>
</div>
<div class="inputContainer">
<label class="inputLabel" for="SpringSunbeamCount">Sunbeam Count</label>
<input is="emby-input" type="number" id="SpringSunbeamCount" name="SpringSunbeamCount" />
<div class="fieldDescription">Number of sunbeams (if enabled).</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
@@ -609,6 +587,11 @@
<span>Enable Sunbeams</span> <span>Enable Sunbeams</span>
</label> </label>
<div class="fieldDescription">Display sunbeams at the top of the screen.</div> <div class="fieldDescription">Display sunbeams at the top of the screen.</div>
</div>
<div class="inputContainer">
<label class="inputLabel" for="SpringSunbeamCount">Sunbeam Count</label>
<input is="emby-input" type="number" id="SpringSunbeamCount" name="SpringSunbeamCount" />
<div class="fieldDescription">Number of sunbeams.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SpringBirdCount">Bird Count</label> <label class="inputLabel" for="SpringBirdCount">Bird Count</label>
@@ -631,9 +614,9 @@
<div class="fieldDescription">Number of ladybugs walking along the bottom.</div> <div class="fieldDescription">Number of ladybugs walking along the bottom.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SpringSymbolCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="SpringSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
<input is="emby-input" type="number" id="SpringSymbolCountMobile" name="SpringSymbolCountMobile" /> <input is="emby-input" type="number" id="SpringSymbolCountMobile" name="SpringSymbolCountMobile" />
<div class="fieldDescription">Amount of mixed symbols on mobile. Warning: High values may affect performance.</div> <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
</div> </div>
</details> </details>
@@ -648,22 +631,20 @@
</label> </label>
<div class="fieldDescription">Enable the Summer theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Summer theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SummerBubbleCount">Bubbles Count</label> <label class="inputLabel" for="SummerBubbleCount">Bubbles Count</label>
<input is="emby-input" type="number" id="SummerBubbleCount" name="SummerBubbleCount" /> <input is="emby-input" type="number" id="SummerBubbleCount" name="SummerBubbleCount" />
<div class="fieldDescription">Number of bubbles (if enabled).</div> <div class="fieldDescription">Number of bubbles.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SummerDustCount">Dust Count</label> <label class="inputLabel" for="SummerDustCount">Dust Count</label>
<input is="emby-input" type="number" id="SummerDustCount" name="SummerDustCount" /> <input is="emby-input" type="number" id="SummerDustCount" name="SummerDustCount" />
<div class="fieldDescription">Number of dust particles (if enabled).</div> <div class="fieldDescription">Number of dust particles.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SummerSymbolCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="SummerSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
<input is="emby-input" type="number" id="SummerSymbolCountMobile" name="SummerSymbolCountMobile" /> <input is="emby-input" type="number" id="SummerSymbolCountMobile" name="SummerSymbolCountMobile" />
<div class="fieldDescription">Amount of mixed symbols on mobile. Warning: High values may affect performance.</div> <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
@@ -684,12 +665,10 @@
</label> </label>
<div class="fieldDescription">Enable the Carnival theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Carnival theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="CarnivalObjectCount">Confetti Count</label> <label class="inputLabel" for="CarnivalObjectCount">Confetti Count</label>
<input is="emby-input" type="number" id="CarnivalObjectCount" name="CarnivalObjectCount" /> <input is="emby-input" type="number" id="CarnivalObjectCount" name="CarnivalObjectCount" />
<div class="fieldDescription">Number of additional confetti pieces (if enabled).</div> <div class="fieldDescription">Number of confetti pieces.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="CarnivalObjectCountMobile">Confetti Count (Mobile)</label> <label class="inputLabel" for="CarnivalObjectCountMobile">Confetti Count (Mobile)</label>
@@ -722,12 +701,10 @@
</label> </label>
<div class="fieldDescription">Enable the Cherry Blossom theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Cherry Blossom theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="CherryBlossomPetalCount">Petal Count</label> <label class="inputLabel" for="CherryBlossomPetalCount">Petal Count</label>
<input is="emby-input" type="number" id="CherryBlossomPetalCount" name="CherryBlossomPetalCount" /> <input is="emby-input" type="number" id="CherryBlossomPetalCount" name="CherryBlossomPetalCount" />
<div class="fieldDescription">Number of additional cherry blossoms (if enabled).</div> <div class="fieldDescription">Number of cherry blossoms.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="CherryBlossomPetalCountMobile">Petal Count (Mobile)</label> <label class="inputLabel" for="CherryBlossomPetalCountMobile">Petal Count (Mobile)</label>
@@ -754,15 +731,13 @@
<div class="fieldDescription">Enable the Earth Day theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Earth Day theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="EarthDayVineCount">Vine Count</label> <label class="inputLabel" for="EarthDayFlowersCount">Flowers Count</label>
<input is="emby-input" type="number" id="EarthDayVineCount" name="EarthDayVineCount" /> <input is="emby-input" type="number" id="EarthDayFlowersCount" name="EarthDayFlowersCount" />
<div class="fieldDescription">Number of animated vines (if enabled).</div> <div class="fieldDescription">Number of flowers in the lawn.</div>
</div> </div>
</details> </details>
<hr style="max-width: 800px; margin: 1em 0;"> <hr style="max-width: 800px; margin: 1em 0;">
<details> <details>
<summary>Sports</summary> <summary>Sports</summary>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
@@ -772,8 +747,6 @@
</label> </label>
<div class="fieldDescription">Enable the sports theme effects in general (e.g. for automation).</div> <div class="fieldDescription">Enable the sports theme effects in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SportsSymbolCount">Symbol Count</label> <label class="inputLabel" for="SportsSymbolCount">Symbol Count</label>
<input is="emby-input" type="number" id="SportsSymbolCount" name="SportsSymbolCount" /> <input is="emby-input" type="number" id="SportsSymbolCount" name="SportsSymbolCount" />
@@ -796,16 +769,16 @@
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="TurfColor">Turf Color</label> <label class="inputLabel" for="TurfColor">Turf Color</label>
<input is="emby-input" type="color" id="TurfColor" name="TurfColor" value="#228b22" /> <input is="emby-input" type="color" id="TurfColor" name="TurfColor" value="#228b22" />
<div class="fieldDescription">Color of the grass/turf strip at the bottom.</div> <div class="fieldDescription">Color of the grass/turf/floor strip at the bottom.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SportsConfettiColors">Confetti Colors (comma-separated hex)</label> <label class="inputLabel" for="SportsConfettiColors">Confetti Colors (comma-separated hex) - e.g. national flag colors</label>
<input is="emby-input" type="text" id="SportsConfettiColors" name="SportsConfettiColors" /> <input is="emby-input" type="text" id="SportsConfettiColors" name="SportsConfettiColors" />
<div class="fieldDescription">Colors used for the confetti burst. Example: #000000,#FF0000,#FFCC00</div> <div class="fieldDescription">Colors used for the confetti burst. Example: #000000,#FF0000,#FFCC00</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel">Enabled Sports Balls</label> <label class="inputLabel">Enabled Sports Balls</label>
<div class="fieldDescription" style="margin-bottom: 8px;">Select which sports balls should be featured.</div> <div class="fieldDescription" style="margin-bottom: 8px;">Select which sports balls should be displayed.</div>
<div style="display: flex; flex-wrap: wrap; gap: 15px;"> <div style="display: flex; flex-wrap: wrap; gap: 15px;">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="badminton" /> <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="badminton" />
@@ -837,7 +810,7 @@
</label> </label>
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="rugby" /> <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="rugby" />
<span>Rugby</span> <span>Rugby/American Football</span>
</label> </label>
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="table_tennis" /> <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="table_tennis" />
@@ -853,7 +826,7 @@
</label> </label>
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="waterball" /> <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="waterball" />
<span>Waterpolo</span> <span>Water Polo</span>
</label> </label>
</div> </div>
</div> </div>
@@ -869,12 +842,10 @@
</label> </label>
<div class="fieldDescription">Enable the olympia theme effects in general (e.g. for automation).</div> <div class="fieldDescription">Enable the olympia theme effects in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="OlympiaSymbolCount">Symbol Count</label> <label class="inputLabel" for="OlympiaSymbolCount">Symbol Count</label>
<input is="emby-input" type="number" id="OlympiaSymbolCount" name="OlympiaSymbolCount" /> <input is="emby-input" type="number" id="OlympiaSymbolCount" name="OlympiaSymbolCount" />
<div class="fieldDescription">Number of additional symbols displayed (if enabled).</div> <div class="fieldDescription">Number of symbols displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="OlympiaSymbolCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="OlympiaSymbolCountMobile">Symbol Count (Mobile)</label>
@@ -899,37 +870,35 @@
</label> </label>
<div class="fieldDescription">Enable the space theme effects in general (e.g. for automation).</div> <div class="fieldDescription">Enable the space theme effects in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="PlanetCount">Planet Count</label> <label class="inputLabel" for="PlanetCount">Planet Count</label>
<input is="emby-input" type="number" id="PlanetCount" name="PlanetCount" /> <input is="emby-input" type="number" id="PlanetCount" name="PlanetCount" />
<div class="fieldDescription">Number of planets displayed (if enabled).</div> <div class="fieldDescription">Number of planets displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="AstronautCount">Astronaut Count</label> <label class="inputLabel" for="AstronautCount">Astronaut Count</label>
<input is="emby-input" type="number" id="AstronautCount" name="AstronautCount" /> <input is="emby-input" type="number" id="AstronautCount" name="AstronautCount" />
<div class="fieldDescription">Number of astronauts displayed (if enabled).</div> <div class="fieldDescription">Number of astronauts displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SatelliteCount">Satellite Count</label> <label class="inputLabel" for="SatelliteCount">Satellite Count</label>
<input is="emby-input" type="number" id="SatelliteCount" name="SatelliteCount" /> <input is="emby-input" type="number" id="SatelliteCount" name="SatelliteCount" />
<div class="fieldDescription">Number of satellites displayed (if enabled).</div> <div class="fieldDescription">Number of satellites displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="IssCount">ISS Count</label> <label class="inputLabel" for="IssCount">ISS Count</label>
<input is="emby-input" type="number" id="IssCount" name="IssCount" /> <input is="emby-input" type="number" id="IssCount" name="IssCount" />
<div class="fieldDescription">Number of ISS symbols displayed (if enabled).</div> <div class="fieldDescription">Number of ISS displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="RocketCount">Rocket Count</label> <label class="inputLabel" for="RocketCount">Rocket Count</label>
<input is="emby-input" type="number" id="RocketCount" name="RocketCount" /> <input is="emby-input" type="number" id="RocketCount" name="RocketCount" />
<div class="fieldDescription">Number of rockets displayed (if enabled).</div> <div class="fieldDescription">Number of rockets/Space Shuttles displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="SpaceSymbolCountMobile">Symbol Count (Replaces individual counts) (Mobile)</label> <label class="inputLabel" for="SpaceSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
<input is="emby-input" type="number" id="SpaceSymbolCountMobile" name="SpaceSymbolCountMobile" /> <input is="emby-input" type="number" id="SpaceSymbolCountMobile" name="SpaceSymbolCountMobile" />
<div class="fieldDescription">Amount of combined symbols on mobile. Minimum 0. Warning: High values may affect performance.</div> <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
@@ -956,13 +925,6 @@
</label> </label>
<div class="fieldDescription">Enable god rays from the top.</div> <div class="fieldDescription">Enable god rays from the top.</div>
</div> </div>
<div class="inputContainer">
<label class="inputLabel" for="UnderwaterSymbolCountMobile">Symbol Count (Mobile)</label>
<input is="emby-input" type="number" id="UnderwaterSymbolCountMobile" name="UnderwaterSymbolCountMobile" />
<div class="fieldDescription">Amount of sea creatures shown on mobile. Minimum 0.</div>
</div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterSeaweedCount">Seaweed Count</label> <label class="inputLabel" for="UnderwaterSeaweedCount">Seaweed Count</label>
<input is="emby-input" type="number" id="UnderwaterSeaweedCount" name="UnderwaterSeaweedCount" /> <input is="emby-input" type="number" id="UnderwaterSeaweedCount" name="UnderwaterSeaweedCount" />
@@ -976,26 +938,37 @@
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterSeahorseCount">Seahorse Count</label> <label class="inputLabel" for="UnderwaterSeahorseCount">Seahorse Count</label>
<input is="emby-input" type="number" id="UnderwaterSeahorseCount" name="UnderwaterSeahorseCount" /> <input is="emby-input" type="number" id="UnderwaterSeahorseCount" name="UnderwaterSeahorseCount" />
<div class="fieldDescription">Number of swimming seahorses.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterJellyfishCount">Jellyfish Count</label> <label class="inputLabel" for="UnderwaterJellyfishCount">Jellyfish Count</label>
<input is="emby-input" type="number" id="UnderwaterJellyfishCount" name="UnderwaterJellyfishCount" /> <input is="emby-input" type="number" id="UnderwaterJellyfishCount" name="UnderwaterJellyfishCount" />
<div class="fieldDescription">Number of swimming jellyfish.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterTurtleCount">Turtle Count</label> <label class="inputLabel" for="UnderwaterTurtleCount">Turtle Count</label>
<input is="emby-input" type="number" id="UnderwaterTurtleCount" name="UnderwaterTurtleCount" /> <input is="emby-input" type="number" id="UnderwaterTurtleCount" name="UnderwaterTurtleCount" />
<div class="fieldDescription">Number of swimming turtles.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterCrabCount">Crab Count</label> <label class="inputLabel" for="UnderwaterCrabCount">Crab Count</label>
<input is="emby-input" type="number" id="UnderwaterCrabCount" name="UnderwaterCrabCount" /> <input is="emby-input" type="number" id="UnderwaterCrabCount" name="UnderwaterCrabCount" />
<div class="fieldDescription">Number of crabs at the bottom.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterStarfishCount">Starfish Count</label> <label class="inputLabel" for="UnderwaterStarfishCount">Starfish Count</label>
<input is="emby-input" type="number" id="UnderwaterStarfishCount" name="UnderwaterStarfishCount" /> <input is="emby-input" type="number" id="UnderwaterStarfishCount" name="UnderwaterStarfishCount" />
<div class="fieldDescription">Number of starfish at the bottom.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="UnderwaterShellCount">Shell Count</label> <label class="inputLabel" for="UnderwaterShellCount">Shell Count</label>
<input is="emby-input" type="number" id="UnderwaterShellCount" name="UnderwaterShellCount" /> <input is="emby-input" type="number" id="UnderwaterShellCount" name="UnderwaterShellCount" />
<div class="fieldDescription">Number of shells at the bottom.</div>
</div>
<div class="inputContainer">
<label class="inputLabel" for="UnderwaterSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
<input is="emby-input" type="number" id="UnderwaterSymbolCountMobile" name="UnderwaterSymbolCountMobile" />
<div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
@@ -1015,23 +988,20 @@
</label> </label>
<div class="fieldDescription">Enable the birthday theme effects in general (e.g. for automation).</div> <div class="fieldDescription">Enable the birthday theme effects in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="BirthdaySymbolCount">Symbol Count</label> <label class="inputLabel" for="BirthdaySymbolCount">Balloons Count</label>
<input is="emby-input" type="number" id="BirthdaySymbolCount" name="BirthdaySymbolCount" /> <input is="emby-input" type="number" id="BirthdaySymbolCount" name="BirthdaySymbolCount" />
<div class="fieldDescription">Number of additional symbols displayed (if enabled).</div> <div class="fieldDescription">Number of balloons displayed.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="BirthdaySymbolCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="BirthdaySymbolCountMobile">Balloons Count (Mobile)</label>
<input is="emby-input" type="number" id="BirthdaySymbolCountMobile" name="BirthdaySymbolCountMobile" /> <input is="emby-input" type="number" id="BirthdaySymbolCountMobile" name="BirthdaySymbolCountMobile" />
<div class="fieldDescription">Amount of symbols on mobile. Minimum 0. Warning: High values may affect performance.</div> <div class="fieldDescription">Amount of balloons on mobile. Minimum 0. Warning: High values may affect performance.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="BirthdayConfettiCount">Confetti Count</label> <label class="inputLabel" for="BirthdayConfettiCount">Confetti Count</label>
<input is="emby-input" type="number" id="BirthdayConfettiCount" name="BirthdayConfettiCount" /> <input is="emby-input" type="number" id="BirthdayConfettiCount" name="BirthdayConfettiCount" />
<div class="fieldDescription">Number of confetti pieces created when a balloon bursts.</div> <div class="fieldDescription">Number of confetti pieces.</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
@@ -1043,7 +1013,7 @@
<hr style="max-width: 800px; margin: 1em 0;"> <hr style="max-width: 800px; margin: 1em 0;">
<details> <details>
<summary>Eurovision / Musik</summary> <summary>Eurovision / Music</summary>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableEurovision" name="EnableEurovision" type="checkbox" is="emby-checkbox" /> <input id="EnableEurovision" name="EnableEurovision" type="checkbox" is="emby-checkbox" />
@@ -1051,10 +1021,8 @@
</label> </label>
<div class="fieldDescription">Enable the Eurovision/Music theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Eurovision/Music theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="EurovisionSymbolCount">Symbol Count</label> <label class="inputLabel" for="EurovisionSymbolCount">Music Notes Count</label>
<input is="emby-input" type="number" id="EurovisionSymbolCount" name="EurovisionSymbolCount" /> <input is="emby-input" type="number" id="EurovisionSymbolCount" name="EurovisionSymbolCount" />
<div class="fieldDescription">Number of dancing music notes on screen.</div> <div class="fieldDescription">Number of dancing music notes on screen.</div>
</div> </div>
@@ -1068,7 +1036,7 @@
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableColorfulNotes" name="EnableColorfulNotes" type="checkbox" is="emby-checkbox" /> <input id="EnableColorfulNotes" name="EnableColorfulNotes" type="checkbox" is="emby-checkbox" />
<span>Colorful Notes Mode</span> <span>Colorful Notes</span>
</label> </label>
<div class="fieldDescription">If checked, notes will pick colors from the array below. If unchecked, notes will be white.</div> <div class="fieldDescription">If checked, notes will pick colors from the array below. If unchecked, notes will be white.</div>
</div> </div>
@@ -1094,31 +1062,22 @@
</label> </label>
<div class="fieldDescription">Enable the Matrix theme in general (e.g. for automation).</div> <div class="fieldDescription">Enable the Matrix theme in general (e.g. for automation).</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="MatrixSymbolCount">Symbol Count</label> <label class="inputLabel" for="MatrixSymbolCount">Symbol Count</label>
<input is="emby-input" type="number" id="MatrixSymbolCount" name="MatrixSymbolCount" /> <input is="emby-input" type="number" id="MatrixSymbolCount" name="MatrixSymbolCount" />
<div class="fieldDescription">Number of additional digital rain columns (if enabled).</div> <div class="fieldDescription">Number of digital rain columns.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="MatrixChars">Raining Characters</label> <label class="inputLabel" for="MatrixChars">Raining Characters</label>
<input is="emby-input" type="text" id="MatrixChars" name="MatrixChars" /> <input is="emby-input" type="text" id="MatrixChars" name="MatrixChars" />
<div class="fieldDescription">Characters to use for the rain effect (default is 0-9).</div> <div class="fieldDescription">Characters to use for the rain effect (default is 0-9).</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label">
<input id="EnableDifferentDurationMatrix" name="EnableDifferentDurationMatrix" type="checkbox" is="emby-checkbox" />
<span>Enable Different Falling Speed</span>
</label>
<div class="fieldDescription">Randomize the digital rain falling speed.</div>
</div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableMatrixBackground" name="EnableMatrixBackground" type="checkbox" is="emby-checkbox" /> <input id="EnableMatrixBackground" name="EnableMatrixBackground" type="checkbox" is="emby-checkbox" />
<span>Background Mode (Behind UI)</span> <span>Background Mode (Behind UI)</span>
</label> </label>
<div class="fieldDescription">Displays the Matrix animation behind library tiles and content.</div> <div class="fieldDescription">Displays the Matrix animation behind library tiles and content as "Background"</div>
</div> </div>
</details> </details>
<hr style="max-width: 800px; margin: 1em 0;"> <hr style="max-width: 800px; margin: 1em 0;">
@@ -1220,6 +1179,7 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableFrost" name="EnableFrost" type="checkbox" is="emby-checkbox" /> <input id="EnableFrost" name="EnableFrost" type="checkbox" is="emby-checkbox" />
<span>Enable Frost Seasonal</span> <span>Enable Frost Seasonal</span>
<div class="fieldDescription">Enable the Frost theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1231,6 +1191,7 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableFilmNoir" name="EnableFilmNoir" type="checkbox" is="emby-checkbox" /> <input id="EnableFilmNoir" name="EnableFilmNoir" type="checkbox" is="emby-checkbox" />
<span>Enable Film-Noir Seasonal</span> <span>Enable Film-Noir Seasonal</span>
<div class="fieldDescription">Enable the Film-Noir theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1242,6 +1203,7 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableOscar" name="EnableOscar" type="checkbox" is="emby-checkbox" /> <input id="EnableOscar" name="EnableOscar" type="checkbox" is="emby-checkbox" />
<span>Enable Oscar Awards Seasonal</span> <span>Enable Oscar Awards Seasonal</span>
<div class="fieldDescription">Enable the Oscar Awards theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1253,12 +1215,14 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableMarioDay" name="EnableMarioDay" type="checkbox" is="emby-checkbox" /> <input id="EnableMarioDay" name="EnableMarioDay" type="checkbox" is="emby-checkbox" />
<span>Enable Mario Day Seasonal</span> <span>Enable Mario Day Seasonal</span>
<div class="fieldDescription">Enable the Mario Day theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="LetMarioJump" name="LetMarioJump" type="checkbox" is="emby-checkbox" /> <input id="LetMarioJump" name="LetMarioJump" type="checkbox" is="emby-checkbox" />
<span>Let Mario Jump</span> <span>Let Mario Jump</span>
<div class="fieldDescription">Lets Mario jump randomly.</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1270,6 +1234,7 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableStarWars" name="EnableStarWars" type="checkbox" is="emby-checkbox" /> <input id="EnableStarWars" name="EnableStarWars" type="checkbox" is="emby-checkbox" />
<span>Enable Star Wars Seasonal</span> <span>Enable Star Wars Seasonal</span>
<div class="fieldDescription">Enable the Star Wars theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1281,20 +1246,24 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableOktoberfest" name="EnableOktoberfest" type="checkbox" is="emby-checkbox" /> <input id="EnableOktoberfest" name="EnableOktoberfest" type="checkbox" is="emby-checkbox" />
<span>Enable Oktoberfest Seasonal</span> <span>Enable Oktoberfest Seasonal</span>
<div class="fieldDescription">Enable the Oktoberfest theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="OktoberfestCount">Symbol Count</label> <label class="inputLabel" for="OktoberfestCount">Symbol Count</label>
<input is="emby-input" type="number" id="OktoberfestCount" name="OktoberfestCount" /> <input is="emby-input" type="number" id="OktoberfestCount" name="OktoberfestCount" />
<div class="fieldDescription">Total number of symbols in the Oktoberfest theme.</div>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
<label class="inputLabel" for="OktoberfestCountMobile">Symbol Count (Mobile)</label> <label class="inputLabel" for="OktoberfestCountMobile">Symbol Count (Mobile)</label>
<input is="emby-input" type="number" id="OktoberfestCountMobile" name="OktoberfestCountMobile" /> <input is="emby-input" type="number" id="OktoberfestCountMobile" name="OktoberfestCountMobile" />
<div class="fieldDescription">Total number of symbols on mobile devices. Warning: High values may affect performance.</div>
</div> </div>
<div class="checkboxContainer checkboxContainer-withDescription"> <div class="checkboxContainer checkboxContainer-withDescription">
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableDifferentDurationOktoberfest" name="EnableDifferentDurationOktoberfest" type="checkbox" is="emby-checkbox" /> <input id="EnableDifferentDurationOktoberfest" name="EnableDifferentDurationOktoberfest" type="checkbox" is="emby-checkbox" />
<span>Enable Different Duration</span> <span>Enable Different Duration</span>
<div class="fieldDescription">Randomize the Oktoberfest symbol duration.</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1306,6 +1275,7 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableFriday13" name="EnableFriday13" type="checkbox" is="emby-checkbox" /> <input id="EnableFriday13" name="EnableFriday13" type="checkbox" is="emby-checkbox" />
<span>Enable Friday the 13th Seasonal</span> <span>Enable Friday the 13th Seasonal</span>
<div class="fieldDescription">Enable the Friday the 13th theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
</details> </details>
@@ -1317,6 +1287,7 @@
<label class="emby-checkbox-label"> <label class="emby-checkbox-label">
<input id="EnableEid" name="EnableEid" type="checkbox" is="emby-checkbox" /> <input id="EnableEid" name="EnableEid" type="checkbox" is="emby-checkbox" />
<span>Enable Eid al-Fitr Seasonal</span> <span>Enable Eid al-Fitr Seasonal</span>
<div class="fieldDescription">Enable the Eid al-Fitr theme in general (e.g. for automation).</div>
</label> </label>
</div> </div>
<div class="inputContainer"> <div class="inputContainer">
@@ -1693,7 +1664,7 @@
// EarthDay // EarthDay
document.querySelector('#EnableEarthDay').checked = config.EarthDay.EnableEarthDay; document.querySelector('#EnableEarthDay').checked = config.EarthDay.EnableEarthDay;
document.querySelector('#EarthDayVineCount').value = config.EarthDay.VineCount; document.querySelector('#EarthDayFlowersCount').value = config.EarthDay.FlowersCount;
// Easter // Easter
@@ -2072,7 +2043,7 @@
// Earth Day // Earth Day
config.EarthDay.EnableEarthDay = document.querySelector('#EnableEarthDay').checked; config.EarthDay.EnableEarthDay = document.querySelector('#EnableEarthDay').checked;
config.EarthDay.VineCount = parseInt(document.querySelector('#EarthDayVineCount').value); config.EarthDay.FlowersCount = parseInt(document.querySelector('#EarthDayFlowersCount').value);
// Eurovision // Eurovision
config.Eurovision.EnableEurovision = document.querySelector('#EnableEurovision').checked; config.Eurovision.EnableEurovision = document.querySelector('#EnableEurovision').checked;
@@ -2195,7 +2166,7 @@
// Earth Day // Earth Day
config.EarthDay.EnableEarthDay = document.querySelector('#EnableEarthDay').checked; config.EarthDay.EnableEarthDay = document.querySelector('#EnableEarthDay').checked;
config.EarthDay.VineCount = parseInt(document.querySelector('#EarthDayVineCount').value); config.EarthDay.FlowersCount = parseInt(document.querySelector('#EarthDayFlowersCount').value);
// Eurovision (second pass - deduplicated) // Eurovision (second pass - deduplicated)
config.Eurovision.EnableEurovision = document.querySelector('#EnableEurovision').checked; config.Eurovision.EnableEurovision = document.querySelector('#EnableEurovision').checked;