`;
document.body.appendChild(modal);
modal.showModal();
// Make the inner content scrollable if too tall
const inner = modal.firstElementChild;
if (inner) {
inner.style.maxHeight = '80vh';
inner.style.overflowY = 'auto';
}
const globalColourShiftCheckbox = modal.querySelector("#bc-setting-global-colour-shift");
const codeInput = modal.querySelector('#bc-member-code-input');
const statusEl = modal.querySelector('#bc-member-status');
const activateBtn = modal.querySelector('#bc-member-activate-btn');
const closeBtn = modal.querySelector('#bc-member-close-btn');
const showCodeCheckbox = modal.querySelector('#bc-member-show-code');
const detectBtn = modal.querySelector('#bc-member-detect-profile-btn');
const overlayDelayInput = modal.querySelector('#bc-setting-overlay-delay');
const overlayMessageInput = modal.querySelector('#bc-setting-overlay-message');
const membersFeatures = modal.querySelector('#bc-members-features');
const cmpBlockCheckbox = modal.querySelector('#bc-setting-cmp-block');
const removeAdsCheckbox = modal.querySelector('#bc-setting-remove-ads');
const removeAlertsCheckbox = modal.querySelector('#bc-setting-remove-alerts');
const cookieDisagreeCheckbox = modal.querySelector('#bc-setting-cookie-disagree');
const deactivateBtn = modal.querySelector('#bc-members-deactivate-btn');
const saveBtn = modal.querySelector('#bc-members-save-btn');
if (saveBtn) {
saveBtn.addEventListener('click', async (event) => {
event.preventDefault();
try {
const state = await loadMemberState();
const safeState = state || {};
const currentSettings = normaliseBcSettings(safeState[STORAGE_KEYS.settings]);
// Read overlay delay
const delayRaw = overlayDelayInput ? overlayDelayInput.value.trim() : '';
let delaySeconds = Number(delayRaw);
if (!Number.isFinite(delaySeconds) || delaySeconds < 0) {
delaySeconds = 3;
}
// Read overlay message
const messageText =
overlayMessageInput && overlayMessageInput.value
? overlayMessageInput.value.trim()
: (navigator.userAgent.toLowerCase().match(/android|iphone|ipad|ipod|mobile/)
? 'Boards.ie Cleaner | Loading...'
: 'Boards.ie Cleaner | Created by corkie! | Thanks for supporting the site | Loading...');
const newSettings = {
...currentSettings,
globalColourShift: globalColourShiftCheckbox ? globalColourShiftCheckbox.checked : currentSettings.globalColourShift,
overlayDelay: delaySeconds,
overlayMessage: messageText,
cmpBlock: cmpBlockCheckbox ? cmpBlockCheckbox.checked : currentSettings.cmpBlock,
removeAds: removeAdsCheckbox ? removeAdsCheckbox.checked : currentSettings.removeAds,
removeAlerts: removeAlertsCheckbox ? removeAlertsCheckbox.checked : currentSettings.removeAlerts,
cookieDisagree: cookieDisagreeCheckbox ? cookieDisagreeCheckbox.checked : currentSettings.cookieDisagree
};
await saveMemberState(
safeState[STORAGE_KEYS.memberCode] || 'SAVED',
!!safeState[STORAGE_KEYS.memberActive],
newSettings
);
// Check here
applyGlobalColourShift(newSettings.globalColourShift !== false);
if (!isBoardsThemeActive()) {
injectExtensionCSS();
}
// Update overlay config for current page
bcOverlayDelayMs = delaySeconds * 1000;
bcOverlayMessage = messageText;
alert('BoardsCleaner settings saved.');
} catch (err) {
console.error('Error saving BoardsCleaner settings from modal', err);
alert('Error saving BoardsCleaner settings. See console for details.');
}
});
}
if (deactivateBtn) {
deactivateBtn.addEventListener('click', async (event) => {
event.preventDefault();
if (!confirm('Deactivate BoardsCleaner membership and reset all features to defaults?')) {
return;
}
try {
const state = await loadMemberState();
const safeState = state || {};
// Reset settings to defaults (you can tweak these defaults as you like)
const defaultSettings = {
globalColourShift: true,
overlayDelay: 1,
overlayMessage: (navigator.userAgent.toLowerCase().match(/android|iphone|ipad|ipod|mobile/)
? 'Boards.ie Cleaner | Loading...'
: 'Boards.ie Cleaner | Created by corkie! | See the cookie 🍪 icon to set! Refresh seen too long'),
cmpBlock: false,
removeAds: false,
removeAlerts: false,
cookieDisagree: false
};
await saveMemberState(
safeState[STORAGE_KEYS.memberCode] || '', // clear or keep code; your choice
false, // memberActive: false
defaultSettings
);
// Check here
applyGlobalColourShift(defaultSettings.globalColourShift !== false);
if (!isBoardsThemeActive()) {
injectExtensionCSS();
}
// if (statusEl) statusEl.textContent = "Membership deactivated. Defaults restored.";
// Update modal UI to reflect reset
if (statusEl) {
statusEl.textContent = 'Membership deactivated. Defaults restored.';
statusEl.style.color = 'orange';
}
if (membersFeatures) {
membersFeatures.style.display = 'none';
}
if (overlayDelayInput) {
overlayDelayInput.value = defaultSettings.overlayDelay;
}
if (overlayMessageInput) {
overlayMessageInput.value = defaultSettings.overlayMessage;
}
if (cmpBlockCheckbox) cmpBlockCheckbox.checked = false;
if (removeAdsCheckbox) removeAdsCheckbox.checked = false;
if (removeAlertsCheckbox) removeAlertsCheckbox.checked = false;
if (cookieDisagreeCheckbox) cookieDisagreeCheckbox.checked = false;
alert('BoardsCleaner membership deactivated and features reset to defaults.');
} catch (err) {
console.error('Error deactivating BoardsCleaner membership', err);
alert('Error deactivating membership. See console for details.');
}
});
}
// Initialise modal based on current membership state
(async() => {
const state = await loadMemberState();
const isActive = !!state[STORAGE_KEYS.memberActive];
const settings = normaliseBcSettings(state[STORAGE_KEYS.settings]);
if (globalColourShiftCheckbox) {
globalColourShiftCheckbox.checked = settings.globalColourShift !== false;
}
// Membership status text
if (isActive) {
statusEl.textContent = 'Membership already active.';
statusEl.style.color = 'green';
} else {
statusEl.textContent = 'Enter code and click Activate, or detect from profile.';
statusEl.style.color = 'orange';
}
// Show/hide members-only block (this was missing)
if (membersFeatures) {
membersFeatures.style.display = isActive ? 'block' : 'none';
}
// General settings defaults
if (overlayDelayInput) {
overlayDelayInput.value =
typeof settings.overlayDelay === 'number' && !Number.isNaN(settings.overlayDelay)
? settings.overlayDelay
: 3;
}
if (overlayMessageInput) {
overlayMessageInput.value =
typeof settings.overlayMessage === 'string' && settings.overlayMessage.trim()
? settings.overlayMessage
: (navigator.userAgent.toLowerCase().match(/android|iphone|ipad|ipod|mobile/)
? 'Boards.ie Cleaner | Loading...'
: 'Boards.ie Cleaner | Created by corkie! | Thanks for supporting the site | Loading...');
}
// Members-only toggle defaults
if (cmpBlockCheckbox)
cmpBlockCheckbox.checked = !!settings.cmpBlock;
if (removeAdsCheckbox)
removeAdsCheckbox.checked = !!settings.removeAds;
if (removeAlertsCheckbox)
removeAlertsCheckbox.checked = !!settings.removeAlerts;
if (cookieDisagreeCheckbox)
cookieDisagreeCheckbox.checked = !!settings.cookieDisagree;
})();
showCodeCheckbox.addEventListener('change', () => {
codeInput.type = showCodeCheckbox.checked ? 'text' : 'password';
});
detectBtn.addEventListener('click', () => {
statusEl.textContent = 'Opening your Boards profile to detect membership…';
statusEl.style.color = 'orange';
window.location.href = 'https://www.boards.ie/profile/discussions/';
});
activateBtn.addEventListener('click', async() => {
const code = codeInput.value.trim();
if (!code) {
statusEl.textContent = 'Please enter a code.';
statusEl.style.color = 'red';
return;
}
const ok = await validateMember(code);
if (ok) {
await saveMemberState(code, true, {});
statusEl.textContent = 'Membership activated.';
statusEl.style.color = 'green';
updateCmpIconMembershipState();
} else {
statusEl.textContent = 'Invalid code.';
statusEl.style.color = 'red';
}
});
closeBtn.addEventListener('click', () => {
modal.close();
});
modal.addEventListener('close', () => {
modal.remove();
});
}
cmpIcon.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
cmpIcon.click();
}
});
// Initial state colour
updateCmpIconMembershipState();
const dialog = document.createElement('dialog');
dialog.id = 'shortcutDialog';
const content = document.createElement('div');
content.innerHTML = `
})