CodeDevMLH/jellyfin-plugin-media-bar-enhanced
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 24 Wiki Activity

Enhance settings UI with reset functionality and improved button layout

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-04 18:50:20 +01:00
parent 6f3fd23879
commit 5964d2cb34
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
View File

@@ -3049,9 +3049,12 @@ const MediaBarEnhancedSettingsManager = {
`; `;
}); });
// Reload button // Buttons Container
html += ` html += `
<div style="margin-top:1em; text-align:right;"> <div style="margin-top:1em; display:flex; justify-content:space-between; align-items:center;">
<button is="emby-button" type="button" class="raised button-cancel emby-button" id="mb-settings-reset" title="Reset to Server Defaults">
<span>Defaults</span>
</button>
<button is="emby-button" type="button" class="raised button-submit emby-button" id="mb-settings-save"> <button is="emby-button" type="button" class="raised button-submit emby-button" id="mb-settings-save">
<span>Reload</span> <span>Reload</span>
</button> </button>
@@ -3068,10 +3071,23 @@ const MediaBarEnhancedSettingsManager = {
}); });
}); });
// Reload Handler
popup.querySelector('#mb-settings-save').addEventListener('click', () => { popup.querySelector('#mb-settings-save').addEventListener('click', () => {
location.reload(); location.reload();
}); });
// Reset Handler
popup.querySelector('#mb-settings-reset').addEventListener('click', () => {
if (confirm("Reset all local Media Bar settings to server defaults?")) {
Object.keys(localStorage).forEach(key => {
if (key.startsWith('mediaBarEnhanced-')) {
localStorage.removeItem(key);
}
});
location.reload();
}
});
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();