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

..

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-16 18:59:28 +01:00
parent 457ae404ba
commit bb83201736
1 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Jellyfin.Plugin.Seasonals/Configuration/configPage.html
View File

@@ -627,7 +627,12 @@
display: flex;
gap: 10px;
align-items: flex-end;
justify-content: space-between;
}
.date-range-group > .inputContainer {
flex: 1;
}
@media (max-width: 800px) {
.seasonal-rule-content {
grid-template-columns: 1fr;
@@ -680,7 +685,7 @@
div.innerHTML = `
<div class="seasonal-rule-header">
<div style="font-weight: bold; font-size: 1.1em;" class="rule-title">${name}</div>
<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>
@@ -690,7 +695,7 @@
<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" />
<input is="emby-input" class="rule-name" onchange="SeasonalsConfigPage.updateRuleTitles();" />
</div>
<div class="date-range-group">
<div class="inputContainer" style="margin:0;">
@@ -736,9 +741,8 @@
container.appendChild(div);
// Set values programmatically to ensure they are correctly populated
// Set values programmatically
div.querySelector('.rule-name').value = name;
div.querySelector('.rule-title').innerText = name;
div.querySelector('.rule-start-day').value = startDay;
div.querySelector('.rule-start-month').value = startMonth;
div.querySelector('.rule-end-day').value = endDay;
@@ -748,17 +752,30 @@
// 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) {