Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
fc9896048f | ||
|
|
572c4d9ace | ||
|
|
2572e085f6 | ||
|
|
8297f989fd | ||
|
|
636aaa2a4a | ||
|
|
5e70621e93 | ||
|
|
0b4434c51c | ||
|
|
dd6583c055 |
@@ -38,18 +38,9 @@
|
|||||||
</label>
|
</label>
|
||||||
<div class="fieldDescription">Automatically select the season based on the date.</div>
|
<div class="fieldDescription">Automatically select the season based on the date.</div>
|
||||||
</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">
|
<div class="selectContainer">
|
||||||
<label class="selectLabel" for="SelectedSeason">Selected Season</label>
|
<label class="selectLabel" for="SelectedSeason">Selected Season</label>
|
||||||
<select is="emby-select" id="SelectedSeason" name="SelectedSeason" class="emby-select-withcolor emby-select">
|
<select is="emby-select" id="SelectedSeason" name="SelectedSeason" class="emby-select">
|
||||||
<option value="none">None</option>
|
<option value="none">None</option>
|
||||||
<option value="snowflakes">Snowflakes</option>
|
<option value="snowflakes">Snowflakes</option>
|
||||||
<option value="snowfall">Snowfall</option>
|
<option value="snowfall">Snowfall</option>
|
||||||
@@ -72,6 +63,15 @@
|
|||||||
</select>
|
</select>
|
||||||
<div class="fieldDescription">The season to display if automation is disabled.</div>
|
<div class="fieldDescription">The season to display if automation is disabled.</div>
|
||||||
</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>
|
<br>
|
||||||
|
|
||||||
<details>
|
<details>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||||
<Title>Jellyfin Seasonals Plugin</Title>
|
<Title>Jellyfin Seasonals Plugin</Title>
|
||||||
<Authors>CodeDevMLH</Authors>
|
<Authors>CodeDevMLH</Authors>
|
||||||
<Version>1.6.1.0</Version>
|
<Version>1.6.5.0</Version>
|
||||||
<RepositoryUrl>https://github.com/CodeDevMLH/Jellyfin-Seasonals</RepositoryUrl>
|
<RepositoryUrl>https://github.com/CodeDevMLH/Jellyfin-Seasonals</RepositoryUrl>
|
||||||
</PropertyGroup>
|
</PropertyGroup>
|
||||||
|
|
||||||
|
|||||||
@@ -265,12 +265,12 @@ function createSettingsPopup(anchorElement) {
|
|||||||
position: 'fixed',
|
position: 'fixed',
|
||||||
zIndex: '10000',
|
zIndex: '10000',
|
||||||
backgroundColor: '#202020',
|
backgroundColor: '#202020',
|
||||||
padding: '1.5em',
|
padding: '1em',
|
||||||
borderRadius: '1em',
|
borderRadius: '0.3em',
|
||||||
boxShadow: '0 0 20px rgba(0,0,0,0.5)',
|
boxShadow: '0 0 20px rgba(0,0,0,0.5)',
|
||||||
minWidth: '250px',
|
minWidth: '200px',
|
||||||
color: '#fff',
|
color: '#fff',
|
||||||
maxWidth: '300px'
|
maxWidth: '250px'
|
||||||
});
|
});
|
||||||
|
|
||||||
const rect = anchorElement.getBoundingClientRect();
|
const rect = anchorElement.getBoundingClientRect();
|
||||||
@@ -278,9 +278,7 @@ function createSettingsPopup(anchorElement) {
|
|||||||
popup.style.right = `${window.innerWidth - rect.right}px`;
|
popup.style.right = `${window.innerWidth - rect.right}px`;
|
||||||
|
|
||||||
popup.innerHTML = `
|
popup.innerHTML = `
|
||||||
<h2 style="margin: 0 0 1em 0; font-size: 1.2em;">Seasonals</h2>
|
<div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 0.5em;">
|
||||||
|
|
||||||
<div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 1.5em;">
|
|
||||||
<label class="emby-checkbox-label">
|
<label class="emby-checkbox-label">
|
||||||
<input id="seasonal-enable-toggle" type="checkbox" is="emby-checkbox" class="emby-checkbox" />
|
<input id="seasonal-enable-toggle" type="checkbox" is="emby-checkbox" class="emby-checkbox" />
|
||||||
<span class="checkboxLabel">Enable Seasonals</span>
|
<span class="checkboxLabel">Enable Seasonals</span>
|
||||||
@@ -289,15 +287,16 @@ function createSettingsPopup(anchorElement) {
|
|||||||
|
|
||||||
<div class="selectContainer">
|
<div class="selectContainer">
|
||||||
<label class="selectLabel" for="seasonal-theme-select" style="margin-bottom: 0.5em; display: block; color: inherit;">Force Theme</label>
|
<label class="selectLabel" for="seasonal-theme-select" style="margin-bottom: 0.5em; display: block; color: inherit;">Force Theme</label>
|
||||||
<select is="emby-select" id="seasonal-theme-select" class="emby-select-withcolor emby-select" style="width: 100%; padding: 0.5em; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); color: inherit; border-radius: 4px;">
|
<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>
|
<option value="auto">Auto (Date Based)</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="margin-top: 1.5em; text-align: right;">
|
<div class="selectContainer1">
|
||||||
<button is="emby-button" type="button" class="raised emby-button button-submit" id="seasonal-close-btn">
|
<label class="selectLabel" for="seasonal-theme-select1">Force Theme</label>
|
||||||
Close
|
<select is="emby-select" id="seasonal-theme-select1" class="emby-select">
|
||||||
</button>
|
<option value="auto">Auto (Date Based)</option>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@@ -318,7 +317,6 @@ function createSettingsPopup(anchorElement) {
|
|||||||
|
|
||||||
themeSelect.value = getSavedSetting('seasonals-theme', 'auto');
|
themeSelect.value = getSavedSetting('seasonals-theme', 'auto');
|
||||||
|
|
||||||
// Event Listeners
|
|
||||||
enabledCheckbox.addEventListener('change', (e) => {
|
enabledCheckbox.addEventListener('change', (e) => {
|
||||||
setSavedSetting('seasonals-enabled', e.target.checked);
|
setSavedSetting('seasonals-enabled', e.target.checked);
|
||||||
location.reload();
|
location.reload();
|
||||||
@@ -329,11 +327,6 @@ function createSettingsPopup(anchorElement) {
|
|||||||
location.reload();
|
location.reload();
|
||||||
});
|
});
|
||||||
|
|
||||||
popup.querySelector('#seasonal-close-btn').addEventListener('click', () => {
|
|
||||||
popup.remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Close on click outside
|
|
||||||
const closeHandler = (e) => {
|
const closeHandler = (e) => {
|
||||||
if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
|
if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
|
||||||
popup.remove();
|
popup.remove();
|
||||||
|
|||||||
@@ -9,12 +9,12 @@
|
|||||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/raw/branch/main/logo.png",
|
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/raw/branch/main/logo.png",
|
||||||
"versions": [
|
"versions": [
|
||||||
{
|
{
|
||||||
"version": "1.6.1.0",
|
"version": "1.6.5.0",
|
||||||
"changelog": "- feat: Add client-side toggle option for seasonal settings",
|
"changelog": "- feat: Add client-side toggle option for seasonal settings",
|
||||||
"targetAbi": "10.11.0.0",
|
"targetAbi": "10.11.0.0",
|
||||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.1.0/Jellyfin.Plugin.Seasonals.zip",
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.5.0/Jellyfin.Plugin.Seasonals.zip",
|
||||||
"checksum": "83f436ed934190aed64bbc028432bc82",
|
"checksum": "4b91182f842076bb98538f6cd268f6e0",
|
||||||
"timestamp": "2026-02-03T18:08:58Z"
|
"timestamp": "2026-02-03T19:37:36Z"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"version": "1.5.1.0",
|
"version": "1.5.1.0",
|
||||||
|
|||||||
Reference in New Issue
Block a user