Noorisei: Noorisei moved page MediaWiki:QuestTracker.js to MediaWiki:DailyQuestTracker.js

2025-12-30T09:20:46Z

Noorisei moved page MediaWiki:QuestTracker.js to MediaWiki:DailyQuestTracker.js

← Older revision	Revision as of 05:20, 30 December 2025
(No difference)

Noorisei at 09:20, 30 December 2025

2025-12-30T09:20:23Z

Show changes

Noorisei: Created page with " 'use strict'; (function() { function safeGetElementById(id) { try { return document.getElementById(id); } catch (_) { return null; } } function safeQuerySelectorAll(selector, context = document) { try { return context.querySelectorAll(selector); } catch (_) { return []; } } function safeQuerySelector(selector, context = document) { try { return context.querySelector(selector); } catch (_) { return null; } } function safeGetLocalStorage(key, de..."

2025-12-17T07:16:15Z

Created page with " 'use strict'; (function() { function safeGetElementById(id) { try { return document.getElementById(id); } catch (_) { return null; } } function safeQuerySelectorAll(selector, context = document) { try { return context.querySelectorAll(selector); } catch (_) { return []; } } function safeQuerySelector(selector, context = document) { try { return context.querySelector(selector); } catch (_) { return null; } } function safeGetLocalStorage(key, de..."

New page

'use strict';

(function() {
function safeGetElementById(id) {
try { return document.getElementById(id); } catch (_) { return null; }
}
function safeQuerySelectorAll(selector, context = document) {
try { return context.querySelectorAll(selector); } catch (_) { return []; }
}
function safeQuerySelector(selector, context = document) {
try { return context.querySelector(selector); } catch (_) { return null; }
}
function safeGetLocalStorage(key, defaultValue = '') {
try { return localStorage.getItem(key) || defaultValue; } catch (_) { return defaultValue; }
}
function safeSetLocalStorage(key, value) {
try { localStorage.setItem(key, value); return true; } catch (_) { return false; }
}

const STORAGE_KEY = 'shamanJiaQuestProgress';
const SELECTORS = {
QUEST_CHECKBOX: '.quest-checkbox',
REGION_CHECKBOX: '.region-checkbox',
LOCATION_SECTION: '.location-section',
LOCATION_TITLE: '.location-title'
};

const QuestTracker = {
initialized: false,
init: function() {
if (this.initialized) return;
const questCheckboxes = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX);
if (!questCheckboxes || questCheckboxes.length === 0) return;
this.registerRegions();
this.loadQuestProgress();
this.setupEventListeners();
this.updateProgressDisplay();
this.initialized = true;
},
registerRegions: function() {
const sections = safeQuerySelectorAll(SELECTORS.LOCATION_SECTION);
Array.from(sections).forEach(section => {
const titleEl = safeQuerySelector(SELECTORS.LOCATION_TITLE, section);
const name = titleEl ? titleEl.textContent.trim() : '';
const regionId = name ? name.toLowerCase().replace(/\s+/g, '-') : '';
const cbs = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX, section);
Array.from(cbs).forEach(cb => { if (regionId) cb.setAttribute('data-region', regionId); });
const rc = safeQuerySelector(SELECTORS.REGION_CHECKBOX, section);
if (rc && regionId) rc.setAttribute('data-region', regionId);
});
},
setupEventListeners: function() {
const questCheckboxes = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX);
Array.from(questCheckboxes).forEach(cb => {
cb.addEventListener('change', () => {
const section = cb.closest('.location-section');
const items = section ? safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX, section) : [];
const arr = Array.from(items);
if (cb.checked) {
arr.forEach(other => { if (other !== cb) { other.checked = false; other.disabled = true; } });
} else {
const anyChecked = arr.some(x => x.checked);
if (!anyChecked) arr.forEach(other => { other.disabled = false; });
}
this.saveQuestProgress();
this.syncRegionToggles();
this.applyDisabledStateAllRegions();
this.updateProgressDisplay();
});
});
const regionCheckboxes = safeQuerySelectorAll(SELECTORS.REGION_CHECKBOX);
Array.from(regionCheckboxes).forEach(rcb => {
rcb.addEventListener('change', () => { this.handleRegionToggle(rcb); });
});
const resetButton = safeGetElementById('reset-progress');
if (resetButton) {
resetButton.addEventListener('click', () => { this.resetAllProgress(); });
}
},
handleRegionToggle: function(regionCb) {
const region = regionCb ? regionCb.getAttribute('data-region') : '';
const checked = !!(regionCb && regionCb.checked);
if (!region) return;
this.setRegionChecked(region, checked);
},
setRegionChecked: function(region, checked) {
const items = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX + `[data-region="${region}"]`);
const arr = Array.from(items);
if (checked) {
arr.forEach(cb => { cb.checked = false; cb.disabled = true; });
if (arr.length > 0) { arr[0].checked = true; arr[0].disabled = false; }
} else {
arr.forEach(cb => { cb.checked = false; cb.disabled = false; });
}
this.saveQuestProgress();
this.syncRegionToggles();
this.applyDisabledStateAllRegions();
this.updateProgressDisplay();
},
collectRegions: function() {
const result = {};
const questCheckboxes = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX);
Array.from(questCheckboxes).forEach(cb => {
const region = cb.getAttribute('data-region') || 'global';
if (!result[region]) result[region] = [];
result[region].push(cb);
});
return result;
},
loadQuestProgress: function() {
const saved = safeGetLocalStorage(STORAGE_KEY);
if (saved) {
try {
const data = JSON.parse(saved);
Object.keys(data).forEach(id => {
const cb = safeQuerySelector(`[data-quest="${id}"]`);
if (cb) cb.checked = !!data[id];
});
} catch (_) {}
}
this.enforceSingleSelectionPerRegion();
this.syncRegionToggles();
this.applyDisabledStateAllRegions();
},
saveQuestProgress: function() {
const questCheckboxes = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX);
const out = {};
Array.from(questCheckboxes).forEach(cb => {
const id = cb.getAttribute('data-quest');
if (id) out[id] = !!cb.checked;
});
try { safeSetLocalStorage(STORAGE_KEY, JSON.stringify(out)); } catch (_) {}
},
updateProgressDisplay: function() {
const regions = this.collectRegions();
const keys = Object.keys(regions).filter(r => r !== 'global');
const regionCount = keys.length;
const completedRegions = keys.filter(r => regions[r].some(cb => cb.checked)).length;
const completionPercentage = regionCount > 0 ? Math.round((completedRegions / regionCount) * 100) : 0;
const totalProgressElement = safeGetElementById('total-progress');
const completionPercentageElement = safeGetElementById('completion-percentage');
const progressFillElement = safeGetElementById('progress-fill');
if (totalProgressElement) totalProgressElement.textContent = `${completedRegions}/${regionCount}`;
if (completionPercentageElement) completionPercentageElement.textContent = `${completionPercentage}%`;
if (progressFillElement) progressFillElement.style.width = `${completionPercentage}%`;
},
resetAllProgress: function() {
const questCheckboxes = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX);
Array.from(questCheckboxes).forEach(cb => { cb.checked = false; cb.disabled = false; });
try { localStorage.removeItem(STORAGE_KEY); } catch (_) {}
this.syncRegionToggles();
this.applyDisabledStateAllRegions();
this.updateProgressDisplay();
},
syncRegionToggles: function() {
const regionCheckboxes = safeQuerySelectorAll(SELECTORS.REGION_CHECKBOX);
Array.from(regionCheckboxes).forEach(rc => {
const region = rc.getAttribute('data-region');
if (!region) return;
const items = safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX + `[data-region="${region}"]`);
const arr = Array.from(items);
rc.checked = arr.some(cb => cb.checked);
});
},
enforceSingleSelectionPerRegion: function() {
const sections = safeQuerySelectorAll(SELECTORS.LOCATION_SECTION);
Array.from(sections).forEach(section => {
const items = Array.from(safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX, section));
const checked = items.filter(cb => cb.checked);
if (checked.length > 1) {
checked.slice(1).forEach(cb => { cb.checked = false; });
}
});
this.saveQuestProgress();
},
applyDisabledStateAllRegions: function() {
const sections = safeQuerySelectorAll(SELECTORS.LOCATION_SECTION);
Array.from(sections).forEach(section => {
const items = Array.from(safeQuerySelectorAll(SELECTORS.QUEST_CHECKBOX, section));
const selected = items.find(cb => cb.checked);
if (selected) {
items.forEach(cb => { cb.disabled = cb !== selected; });
} else {
items.forEach(cb => { cb.disabled = false; });
}
});
}
};

window.QuestTracker = QuestTracker;
window.initQuestTracker = QuestTracker.init.bind(QuestTracker);
window.loadQuestProgress = QuestTracker.loadQuestProgress.bind(QuestTracker);
window.saveQuestProgress = QuestTracker.saveQuestProgress.bind(QuestTracker);
window.updateProgressDisplay = QuestTracker.updateProgressDisplay.bind(QuestTracker);
window.resetAllProgress = QuestTracker.resetAllProgress.bind(QuestTracker);
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() { QuestTracker.init(); });
} else {
QuestTracker.init();
}
})();

MediaWiki:DailyQuestTracker.js - Revision history

Noorisei: Noorisei moved page MediaWiki:QuestTracker.js to MediaWiki:DailyQuestTracker.js

Noorisei at 09:20, 30 December 2025