ui fix on room
This commit is contained in:
@@ -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 = '<div class="grid-loader" style="color:#ff6b6b">Error loading servers</div>';
|
||||
|
||||
Reference in New Issue
Block a user