Compare commits
28 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
1428db3e1e | ||
|
|
1f5f436e44 | ||
|
|
46f5c3648d | ||
|
|
555e2ab8be | ||
|
|
26eadfc0aa | ||
|
|
142f538939 | ||
|
|
b64e80fd60 | ||
|
|
fbf5fc7edf | ||
|
|
8defba4623 | ||
|
|
7f968ee050 | ||
|
|
dec5bbe39e | ||
|
|
63f3211cc4 | ||
|
|
4270235c78 | ||
|
|
76d8a67914 | ||
|
|
1a3caf5da6 | ||
|
|
3b3ef77e61 | ||
|
|
ba580b1b52 | ||
|
|
0a6284c716 | ||
|
|
f83e863664 | ||
|
|
747e8ed6bc | ||
|
|
30845442b2 | ||
|
|
bb83201736 | ||
|
|
457ae404ba | ||
|
|
b6d679f6ef | ||
|
|
3b88a1809d | ||
|
|
4614ce4a7a | ||
|
|
57840bb149 | ||
|
|
dd90a4630a |
@@ -88,17 +88,20 @@
|
||||
|
||||
<!-- Auto Selection Tab -->
|
||||
<div id="seasonals-auto-selection" class="seasonals-tab-content" style="display: none;">
|
||||
<div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin-bottom: 1.5em;">
|
||||
<h3>Auto Selection Rules</h3>
|
||||
<p>Define rules to automatically select a season based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</p>
|
||||
<h2>Auto Selection Rules</h2>
|
||||
|
||||
<div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin: 1.5em 0; display: flex; align-items: center; gap: 1em;">
|
||||
<i class="material-icons" style="color: #00a4dc; font-size: 24px;">info</i>
|
||||
<div>Define rules to automatically select a season based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</div>
|
||||
</div>
|
||||
|
||||
<div id="seasonalRulesList">
|
||||
<!-- Rules will be injected here via JS -->
|
||||
</div>
|
||||
|
||||
<button is="emby-button" type="button" class="raised button-accent block" onclick="SeasonalsConfigPage.addRule();">
|
||||
<i class="material-icons button-icon button-icon-left">add</i>
|
||||
<button is="emby-button" type="button" class="raised emby-button" onclick="SeasonalsConfigPage.addRule();"
|
||||
style="margin-top: 1em; display: inline-flex; align-items: center; gap: 0.4em;">
|
||||
<i class="material-icons" style="font-size: 24px;">add</i>
|
||||
<span>Add Rule</span>
|
||||
</button>
|
||||
</div>
|
||||
@@ -613,7 +616,7 @@
|
||||
}
|
||||
.seasonal-rule-content {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr 2fr;
|
||||
grid-template-columns: 2fr 1.3fr 1.3fr 2fr;
|
||||
gap: 15px;
|
||||
align-items: end;
|
||||
}
|
||||
@@ -625,7 +628,13 @@
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.date-range-group > .inputContainer,
|
||||
.date-range-group > .selectContainer {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.seasonal-rule-content {
|
||||
grid-template-columns: 1fr;
|
||||
@@ -638,10 +647,10 @@
|
||||
border-bottom: 2px solid #00a4dc !important;
|
||||
}
|
||||
|
||||
/* Disabled options in selects
|
||||
/* Disabled options in selects */
|
||||
select option:disabled {
|
||||
color: #a3a3a3 !important;
|
||||
} */
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
function showSeasonalsTab(tabId, btn) {
|
||||
@@ -676,85 +685,113 @@
|
||||
var endMonth = data ? (data.EndMonth !== undefined ? data.EndMonth : (data.endMonth !== undefined ? data.endMonth : 1)) : 1;
|
||||
var theme = data ? (data.Theme || data.theme || 'none') : 'none';
|
||||
|
||||
div.innerHTML = `
|
||||
<div class="seasonal-rule-header">
|
||||
<div style="font-weight: bold; font-size: 1.1em;" class="rule-title">${name}</div>
|
||||
<div class="rule-actions">
|
||||
<button type="button" is="paper-icon-button-light" class="btn-move-up" title="Move Up"><i class="material-icons">arrow_upward</i></button>
|
||||
<button type="button" is="paper-icon-button-light" class="btn-move-down" title="Move Down"><i class="material-icons">arrow_downward</i></button>
|
||||
<button type="button" is="paper-icon-button-light" class="btn-remove" title="Remove"><i class="material-icons">delete</i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="seasonal-rule-content">
|
||||
<div class="inputContainer" style="margin:0;">
|
||||
<label class="inputLabel">Name</label>
|
||||
<input is="emby-input" class="rule-name" onchange="this.closest('.seasonal-rule').querySelector('.rule-title').innerText = this.value" />
|
||||
</div>
|
||||
<div class="date-range-group">
|
||||
<div class="inputContainer" style="margin:0;">
|
||||
<label class="inputLabel">Start Day</label>
|
||||
<input is="emby-input" type="number" class="rule-start-day" min="1" max="31" />
|
||||
</div>
|
||||
<div class="inputContainer" style="margin:0;">
|
||||
<label class="inputLabel">Month</label>
|
||||
<input is="emby-input" type="number" class="rule-start-month" min="1" max="12" />
|
||||
</div>
|
||||
</div>
|
||||
var days = [];
|
||||
for (var i = 1; i <= 31; i++) days.push(i);
|
||||
|
||||
<div class="date-range-group">
|
||||
<div class="inputContainer" style="margin:0;">
|
||||
<label class="inputLabel">End Day</label>
|
||||
<input is="emby-input" type="number" class="rule-end-day" min="1" max="31" />
|
||||
</div>
|
||||
<div class="inputContainer" style="margin:0;">
|
||||
<label class="inputLabel">Month</label>
|
||||
<input is="emby-input" type="number" class="rule-end-month" min="1" max="12" />
|
||||
</div>
|
||||
</div>
|
||||
var months = [
|
||||
{ v: 1, n: 'Jan' }, { v: 2, n: 'Feb' }, { v: 3, n: 'Mar' }, { v: 4, n: 'Apr' },
|
||||
{ v: 5, n: 'May' }, { v: 6, n: 'Jun' }, { v: 7, n: 'Jul' }, { v: 8, n: 'Aug' },
|
||||
{ v: 9, n: 'Sep' }, { v: 10, n: 'Oct' }, { v: 11, n: 'Nov' }, { v: 12, n: 'Dec' }
|
||||
];
|
||||
|
||||
<div class="selectContainer" style="margin:0;">
|
||||
<label class="selectLabel">Theme</label>
|
||||
<select is="emby-select" class="rule-theme" style="width: 100%;">
|
||||
<option value="none">None</option>
|
||||
<option value="snowflakes">Snowflakes</option>
|
||||
<option value="snowfall">Snowfall</option>
|
||||
<option value="snowstorm">Snowstorm</option>
|
||||
<option value="fireworks">Fireworks</option>
|
||||
<option value="halloween">Halloween</option>
|
||||
<option value="hearts">Hearts</option>
|
||||
<option value="christmas">Christmas</option>
|
||||
<option value="santa">Santa</option>
|
||||
<option value="autumn">Autumn</option>
|
||||
<option value="easter">Easter</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
// Build select HTML via string concatenation to avoid Jellyfin's ${} localization processing
|
||||
function mkSelect(val, opts, cls) {
|
||||
var h = '<select class="emby-select emby-select-withcolor ' + cls + '" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">';
|
||||
opts.forEach(function(o) {
|
||||
var v = o.v || o;
|
||||
var n = o.n || o;
|
||||
h += '<option value="' + v + '" ' + (v == val ? 'selected' : '') + '>' + n + '</option>';
|
||||
});
|
||||
h += '</select>';
|
||||
return h;
|
||||
}
|
||||
|
||||
div.innerHTML =
|
||||
'<div class="seasonal-rule-header">' +
|
||||
' <div style="font-weight: bold; font-size: 1.1em;" class="rule-title"></div>' +
|
||||
' <div class="rule-actions">' +
|
||||
' <button type="button" is="paper-icon-button-light" class="btn-move-up" title="Move Up"><i class="material-icons">arrow_upward</i></button>' +
|
||||
' <button type="button" is="paper-icon-button-light" class="btn-move-down" title="Move Down"><i class="material-icons">arrow_downward</i></button>' +
|
||||
' <button type="button" is="paper-icon-button-light" class="btn-remove" title="Remove"><i class="material-icons">delete</i></button>' +
|
||||
' </div>' +
|
||||
'</div>' +
|
||||
'<div class="seasonal-rule-content">' +
|
||||
' <div class="inputContainer" style="margin:0;">' +
|
||||
' <label class="inputLabel">Name</label>' +
|
||||
' <input is="emby-input" class="rule-name" onchange="SeasonalsConfigPage.updateRuleTitles();" />' +
|
||||
' </div>' +
|
||||
' <div class="date-range-group">' +
|
||||
' <div class="selectContainer" style="margin:0; flex: 1;">' +
|
||||
' <label class="selectLabel">Start Day</label>' +
|
||||
mkSelect(startDay, days, 'rule-start-day') +
|
||||
' </div>' +
|
||||
' <div class="selectContainer" style="margin:0; flex: 1;">' +
|
||||
' <label class="selectLabel">Month</label>' +
|
||||
mkSelect(startMonth, months, 'rule-start-month') +
|
||||
' </div>' +
|
||||
' </div>' +
|
||||
' <div class="date-range-group">' +
|
||||
' <div class="selectContainer" style="margin:0; flex: 1;">' +
|
||||
' <label class="selectLabel">End Day</label>' +
|
||||
mkSelect(endDay, days, 'rule-end-day') +
|
||||
' </div>' +
|
||||
' <div class="selectContainer" style="margin:0; flex: 1;">' +
|
||||
' <label class="selectLabel">Month</label>' +
|
||||
mkSelect(endMonth, months, 'rule-end-month') +
|
||||
' </div>' +
|
||||
' </div>' +
|
||||
' <div class="selectContainer" style="margin:0;">' +
|
||||
' <label class="selectLabel">Theme</label>' +
|
||||
' <select class="emby-select emby-select-withcolor rule-theme" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">' +
|
||||
' <option value="none">None</option>' +
|
||||
' <option value="snowflakes">Snowflakes</option>' +
|
||||
' <option value="snowfall">Snowfall</option>' +
|
||||
' <option value="snowstorm">Snowstorm</option>' +
|
||||
' <option value="fireworks">Fireworks</option>' +
|
||||
' <option value="halloween">Halloween</option>' +
|
||||
' <option value="hearts">Hearts</option>' +
|
||||
' <option value="christmas">Christmas</option>' +
|
||||
' <option value="santa">Santa</option>' +
|
||||
' <option value="autumn">Autumn</option>' +
|
||||
' <option value="easter">Easter</option>' +
|
||||
' <option value="resurrection">Resurrection</option>' +
|
||||
' </select>' +
|
||||
' </div>' +
|
||||
'</div>';
|
||||
|
||||
container.appendChild(div);
|
||||
|
||||
// Set values programmatically to ensure they are correctly populated
|
||||
// Set values programmatically
|
||||
div.querySelector('.rule-name').value = name;
|
||||
div.querySelector('.rule-start-day').value = startDay;
|
||||
div.querySelector('.rule-start-month').value = startMonth;
|
||||
div.querySelector('.rule-end-day').value = endDay;
|
||||
div.querySelector('.rule-end-month').value = endMonth;
|
||||
div.querySelector('.rule-theme').value = theme;
|
||||
|
||||
// Bind events
|
||||
div.querySelector('.btn-remove').addEventListener('click', function() {
|
||||
div.remove();
|
||||
SeasonalsConfigPage.updateRuleTitles();
|
||||
});
|
||||
div.querySelector('.btn-move-up').addEventListener('click', function() {
|
||||
if (div.previousElementSibling) {
|
||||
container.insertBefore(div, div.previousElementSibling);
|
||||
SeasonalsConfigPage.updateRuleTitles();
|
||||
}
|
||||
});
|
||||
div.querySelector('.btn-move-down').addEventListener('click', function() {
|
||||
if (div.nextElementSibling) {
|
||||
container.insertBefore(div.nextElementSibling, div);
|
||||
SeasonalsConfigPage.updateRuleTitles();
|
||||
}
|
||||
});
|
||||
|
||||
this.updateRuleTitles();
|
||||
},
|
||||
|
||||
updateRuleTitles: function() {
|
||||
var rules = document.querySelectorAll('.seasonal-rule');
|
||||
rules.forEach((rule, index) => {
|
||||
var name = rule.querySelector('.rule-name').value;
|
||||
rule.querySelector('.rule-title').innerText = '#' + (index + 1) + ' ' + name;
|
||||
});
|
||||
},
|
||||
|
||||
renderRules: function(rules) {
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||
<Title>Jellyfin Seasonals Plugin</Title>
|
||||
<Authors>CodeDevMLH</Authors>
|
||||
<Version>1.7.0.4</Version>
|
||||
<Version>1.7.0.14</Version>
|
||||
<RepositoryUrl>https://github.com/CodeDevMLH/Jellyfin-Seasonals</RepositoryUrl>
|
||||
</PropertyGroup>
|
||||
|
||||
|
||||
@@ -9,12 +9,12 @@
|
||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/raw/branch/main/logo.png",
|
||||
"versions": [
|
||||
{
|
||||
"version": "1.7.0.4",
|
||||
"version": "1.7.0.14",
|
||||
"changelog": "- feat: add customizable auto seasonal list via config page\n- feat: add new season theme 'resurrection' by Bioflash257",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.7.0.4/Jellyfin.Plugin.Seasonals.zip",
|
||||
"checksum": "ea0de09f34a12af774029d020830d9cc",
|
||||
"timestamp": "2026-02-16T16:30:59Z"
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.7.0.14/Jellyfin.Plugin.Seasonals.zip",
|
||||
"checksum": "028df715bde488d10ef207dc38ac1b87",
|
||||
"timestamp": "2026-02-16T23:02:32Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.3.0",
|
||||
|
||||
Reference in New Issue
Block a user