Update manifest.json for release v1.6.10.0 [skip ci]

.gitignore

@@ -5,4 +5,5 @@ obj/
 artifacts
 
 test-site.html
+test-site-new.html
 RELEASE_GUIDE.md

Jellyfin.Plugin.Seasonals/Api/SeasonalsController.cs

@@ -62,6 +62,7 @@ public class SeasonalsController : ControllerBase
         if (path.EndsWith(".png", StringComparison.OrdinalIgnoreCase)) return "image/png";
         if (path.EndsWith(".jpg", StringComparison.OrdinalIgnoreCase)) return "image/jpeg";
         if (path.EndsWith(".gif", StringComparison.OrdinalIgnoreCase)) return "image/gif";
+        if (path.EndsWith(".svg", StringComparison.OrdinalIgnoreCase)) return "image/svg+xml";
         return "application/octet-stream";
     }
 }

Jellyfin.Plugin.Seasonals/Configuration/configPage.html

@@ -38,18 +38,9 @@
                         </label>
                         <div class="fieldDescription">Automatically select the season based on the date.</div>
                     </div>
-                    <div class="checkboxContainer checkboxContainer-withDescription">
-                        <label class="emby-checkbox-label">
-                            <input id="EnableClientSideToggle" name="EnableClientSideToggle" type="checkbox"
-                                is="emby-checkbox" />
-                            <span>Allow Client-Side Toggle</span>
-                        </label>
-                        <div class="fieldDescription">If enabled, users will see a settings icon in the header to toggle
-                            animations for their browser.</div>
-                    </div>
                     <div class="selectContainer">
                         <label class="selectLabel" for="SelectedSeason">Selected Season</label>
-                        <select is="emby-select" id="SelectedSeason" name="SelectedSeason" class="emby-select-withcolor emby-select">
+                        <select id="SelectedSeason" name="SelectedSeason" class="emby-select">
                             <option value="none">None</option>
                             <option value="snowflakes">Snowflakes</option>
                             <option value="snowfall">Snowfall</option>
@@ -72,6 +63,15 @@
                         </select>
                         <div class="fieldDescription">The season to display if automation is disabled.</div>
                     </div>
+                    <div class="checkboxContainer checkboxContainer-withDescription">
+                        <label class="emby-checkbox-label">
+                            <input id="EnableClientSideToggle" name="EnableClientSideToggle" type="checkbox"
+                                is="emby-checkbox" />
+                            <span>Allow Client-Side Toggle</span>
+                        </label>
+                        <div class="fieldDescription">If enabled, users will see a settings icon in the header to toggle
+                            animations for their browser.</div>
+                    </div>
                     <br>
 
                     <details>

Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Seasonals Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.6.0.0</Version>
+    <Version>1.6.10.0</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/Jellyfin-Seasonals</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.Seasonals/Web/seasonals.js

@@ -243,7 +243,8 @@ function createSettingsIcon() {
     button.type = 'button';
     button.className = 'paper-icon-button-light headerButton seasonal-settings-button';
     button.title = 'Seasonal Settings';
-    button.innerHTML = '<span class="material-icons">ac_unit</span>';
+    // button.innerHTML = '<span class="material-icons">ac_unit</span>';
+    button.innerHTML = '<img src="/Seasonals/Resources/assets/logo_SW.svg" style="width: 24px; height: 24px; vertical-align: middle;">';
     button.style.verticalAlign = 'middle';
 
     button.addEventListener('click', (e) => {
@@ -266,62 +267,44 @@ function createSettingsPopup(anchorElement) {
         zIndex: '10000',
         backgroundColor: '#202020',
         padding: '1em',
-        borderRadius: '4px',
+        borderRadius: '0.3em',
         boxShadow: '0 0 20px rgba(0,0,0,0.5)',
         minWidth: '200px',
-        color: '#fff'
+        color: '#fff',
+        maxWidth: '250px'
     });
 
     const rect = anchorElement.getBoundingClientRect();
+
+    let rightPos = window.innerWidth - rect.right;
+    if (window.innerWidth < 450 || (window.innerWidth - rightPos) < 260) {
+        popup.style.right = '1rem';
+        popup.style.left = 'auto';
+    } else {
+        popup.style.right = `${rightPos}px`;
+        popup.style.left = 'auto';
+    }
+
     popup.style.top = `${rect.bottom + 10}px`;
-    popup.style.right = `${window.innerWidth - rect.right}px`;
 
-    const enabledContainer = document.createElement('div');
+    popup.innerHTML = `     
-    enabledContainer.style.marginBottom = '1em';
+        <div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 0.5em;">
-    enabledContainer.style.display = 'flex';
+            <label class="emby-checkbox-label">
-    enabledContainer.style.alignItems = 'center';
+                <input id="seasonal-enable-toggle" type="checkbox" is="emby-checkbox" class="emby-checkbox" />
-    enabledContainer.style.justifyContent = 'space-between';
+                <span class="checkboxLabel">Enable Seasonals</span>
+            </label>
+        </div>
 
-    const enabledLabel = document.createElement('label');
+        <div class="selectContainer" style="margin-bottom: 0.5em;">
-    enabledLabel.textContent = 'Enable Seasonals';
+            <label class="selectLabel" for="seasonal-theme-select" style="margin-bottom: 0.5em; display: block; color: inherit;">Force Theme</label>
-    enabledLabel.style.marginRight = '10px';
+            <select id="seasonal-theme-select" class="emby-select" style="width: 100%; padding: 0.5em; background-color: #333; border: 1px solid #444; color: #fff; border-radius: 4px;">
+                <option value="auto">Auto (Date Based)</option>
+            </select>
+        </div>
+    `;
 
-    const enabledCheckbox = document.createElement('input');
+    // Populate Select Options
-    enabledCheckbox.type = 'checkbox';
+    const themeSelect = popup.querySelector('#seasonal-theme-select');
-    enabledCheckbox.checked = getSavedSetting('seasonals-enabled', 'true') === 'true';
-    enabledCheckbox.addEventListener('change', (e) => {
-        setSavedSetting('seasonals-enabled', e.target.checked);
-        location.reload();
-    });
-
-    enabledContainer.appendChild(enabledLabel);
-    enabledContainer.appendChild(enabledCheckbox);
-    popup.appendChild(enabledContainer);
-
-    // Theme Selector
-    const themeContainer = document.createElement('div');
-    themeContainer.style.display = 'flex';
-    themeContainer.style.flexDirection = 'column';
-
-    const themeLabel = document.createElement('label');
-    themeLabel.textContent = 'Force Theme';
-    themeLabel.style.marginBottom = '0.5em';
-
-    const themeSelect = document.createElement('select');
-    themeSelect.style.width = '100%';
-    themeSelect.style.padding = '0.5em';
-    themeSelect.style.backgroundColor = '#333';
-    themeSelect.style.color = '#fff';
-    themeSelect.style.border = '1px solid #444';
-    themeSelect.style.borderRadius = '4px';
-
-    // Add Auto option
-    const autoOption = document.createElement('option');
-    autoOption.value = 'auto';
-    autoOption.textContent = 'Auto (Date Based)';
-    themeSelect.appendChild(autoOption);
-
-    // Add available themes
     Object.keys(themeConfigs).forEach(key => {
         if (key === 'none') return;
         const option = document.createElement('option');
@@ -331,19 +314,22 @@ function createSettingsPopup(anchorElement) {
         themeSelect.appendChild(option);
     });
 
-    // Set current value
+    // Set Initial Values
+    const enabledCheckbox = popup.querySelector('#seasonal-enable-toggle');
+    enabledCheckbox.checked = getSavedSetting('seasonals-enabled', 'true') === 'true';
+
     themeSelect.value = getSavedSetting('seasonals-theme', 'auto');
 
+    enabledCheckbox.addEventListener('change', (e) => {
+        setSavedSetting('seasonals-enabled', e.target.checked);
+        location.reload();
+    });
+
     themeSelect.addEventListener('change', (e) => {
         setSavedSetting('seasonals-theme', e.target.value);
         location.reload();
     });
 
-    themeContainer.appendChild(themeLabel);
-    themeContainer.appendChild(themeSelect);
-    popup.appendChild(themeContainer);
-
-    // Close on click outside
     const closeHandler = (e) => {
         if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
             popup.remove();

manifest.json

@@ -9,12 +9,12 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.6.0.0",
+        "version": "1.6.10.0",
         "changelog": "- feat: Add client-side toggle option for seasonal settings",
         "targetAbi": "10.11.0.0",
-        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.0.0/Jellyfin.Plugin.Seasonals.zip",
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.10.0/Jellyfin.Plugin.Seasonals.zip",
-        "checksum": "9b66d6f1c03b284ac9fe7e87540f7759",
+        "checksum": "3a56b23e0adf64e1e85f0aa1ac93e1b2",
-        "timestamp": "2026-02-03T17:49:05Z"
+        "timestamp": "2026-02-03T21:03:40Z"
       },
       {
         "version": "1.5.1.0",