diff --git a/desktop/src/scripts/room.js b/desktop/src/scripts/room.js index f266ce1..9e4fcb2 100644 --- a/desktop/src/scripts/room.js +++ b/desktop/src/scripts/room.js @@ -421,28 +421,22 @@ const RoomsApp = (function() { const supportsDub = !!settings.supportsDub; if (context === 'header') { - const dubOpt = elements.roomSdToggle - ?.querySelector('.sd-option[data-val="dub"]'); + if (!elements.roomSdToggle) return; - if (!dubOpt) return; - - dubOpt.style.opacity = supportsDub ? '1' : '0.3'; - dubOpt.style.pointerEvents = supportsDub ? 'auto' : 'none'; - - if (!supportsDub && - elements.roomSdToggle.getAttribute('data-state') === 'dub') { + elements.roomSdToggle.style.display = supportsDub ? 'flex' : 'none'; + if (!supportsDub && elements.roomSdToggle.getAttribute('data-state') === 'dub') { elements.roomSdToggle.setAttribute('data-state', 'sub'); - elements.roomSdToggle.querySelectorAll('.sd-option') - .forEach(o => o.classList.toggle('active', o.dataset.val === 'sub')); + elements.roomSdToggle.querySelectorAll('.sd-option').forEach(o => { + o.classList.toggle('active', o.dataset.val === 'sub'); + }); } } if (context === 'modal') { - const dubBtn = elements.modalSdToggle?.querySelector('[data-val="dub"]'); - if (!dubBtn) return; + if (!elements.modalSdToggle) return; - dubBtn.classList.toggle('disabled', !supportsDub); + elements.modalSdToggle.style.display = supportsDub ? 'flex' : 'none'; if (!supportsDub && configState.category === 'dub') { configState.category = 'sub'; @@ -538,7 +532,7 @@ const RoomsApp = (function() { } function setupConfigListeners() { - elements.epInc.onclick = () => { + elements.epInc.onclick = () => { elements.inpEpisode.value = parseInt(elements.inpEpisode.value || 0) + 1; }; elements.epDec.onclick = () => { @@ -573,6 +567,7 @@ const RoomsApp = (function() { try { const settings = extensionsStore.settings[extName]; + handleDubUI(settings, 'modal'); const servers = settings.episodeServers?.length @@ -580,20 +575,6 @@ const RoomsApp = (function() { : ['Default']; renderServerChips(servers); - - const dubBtn = elements.modalSdToggle.querySelector('[data-val="dub"]'); - if (dubBtn) { - if (!settings.supportsDub) { - dubBtn.classList.add('disabled'); - if(configState.category === 'dub') { - configState.category = 'sub'; - updateSDUI(); - } - } else { - dubBtn.classList.remove('disabled'); - } - } - } catch (e) { console.error("Error loading settings", e); elements.serverContainer.innerHTML = '