MediaWiki:MonkeyTTracker.js - Revision history

https://mewsie.world/CoraTOWiki/index.php?action=history&feed=atom&title=MediaWiki%3AMonkeyTTracker.js MediaWiki:MonkeyTTracker.js - Revision history 2026-06-20T10:55:27Z Revision history for this page on the wiki MediaWiki 1.43.6 https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:MonkeyTTracker.js&diff=6742&oldid=prev Mewsie: monk e 2026-03-26T00:34:59Z

<p>monk e</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:34, 25 March 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Line 6:</td> <td colspan="2" class="diff-lineno">Line 6:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> questCheckbox: '.quest-checkbox',</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> questCheckbox: '.quest-checkbox',</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> locationSection: '.location-section',</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> locationSection: '.location-section',</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> trackerRootId: '<del style="font-weight: bold; text-decoration: none;">tab</del>-tracker',</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> trackerRootId: '<ins style="font-weight: bold; text-decoration: none;">monkeytab</ins>-tracker',</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> totalProgress: '#total-progress',</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> totalProgress: '#total-progress',</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> completionPercentage: '#completion-percentage',</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> completionPercentage: '#completion-percentage',</div></td></tr>  </table>

Mewsie https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:MonkeyTTracker.js&diff=6606&oldid=prev Noorisei: Created page with "(function () { 'use strict'; const STORAGE_KEY = 'cora.questTracker.monkeyT.v1'; const SELECTORS = { questCheckbox: '.quest-checkbox', locationSection: '.location-section', trackerRootId: 'tab-tracker', totalProgress: '#total-progress', completionPercentage: '#completion-percentage', progressFill: '#progress-fill', resetButton: '#reset-progress', statsContainer: '.progress-stats' }; function safeQuerySelector(selector, context)..." 2025-12-30T09:21:53Z

<p>Created page with "(function () { 'use strict'; const STORAGE_KEY = 'cora.questTracker.monkeyT.v1'; const SELECTORS = { questCheckbox: '.quest-checkbox', locationSection: '.location-section', trackerRootId: 'tab-tracker', totalProgress: '#total-progress', completionPercentage: '#completion-percentage', progressFill: '#progress-fill', resetButton: '#reset-progress', statsContainer: '.progress-stats' }; function safeQuerySelector(selector, context)..."</p> <p><b>New page</b></p><div>(function () {<br /> 'use strict';<br /> <br /> const STORAGE_KEY = 'cora.questTracker.monkeyT.v1';<br /> const SELECTORS = {<br /> questCheckbox: '.quest-checkbox',<br /> locationSection: '.location-section',<br /> trackerRootId: 'tab-tracker',<br /> totalProgress: '#total-progress',<br /> completionPercentage: '#completion-percentage',<br /> progressFill: '#progress-fill',<br /> resetButton: '#reset-progress',<br /> statsContainer: '.progress-stats'<br /> };<br /> <br /> function safeQuerySelector(selector, context) {<br /> try {<br /> return (context || document).querySelector(selector);<br /> } catch (_) {<br /> return null;<br /> }<br /> }<br /> <br /> function safeQuerySelectorAll(selector, context) {<br /> try {<br /> return Array.from((context || document).querySelectorAll(selector));<br /> } catch (_) {<br /> return [];<br /> }<br /> }<br /> <br /> function safeJsonParse(value) {<br /> try {<br /> return JSON.parse(value);<br /> } catch (_) {<br /> return null;<br /> }<br /> }<br /> <br /> function safeGetLocalStorage(key) {<br /> try {<br /> return localStorage.getItem(key);<br /> } catch (_) {<br /> return null;<br /> }<br /> }<br /> <br /> function safeSetLocalStorage(key, value) {<br /> try {<br /> localStorage.setItem(key, value);<br /> } catch (_) {}<br /> }<br /> <br /> function safeRemoveLocalStorage(key) {<br /> try {<br /> localStorage.removeItem(key);<br /> } catch (_) {}<br /> }<br /> <br /> function getQuestId(checkbox, index) {<br /> const dataQuest = checkbox.getAttribute('data-quest');<br /> if (dataQuest) return dataQuest;<br /> const name = checkbox.getAttribute('name');<br /> if (name) return name;<br /> const id = checkbox.getAttribute('id');<br /> if (id) return id;<br /> return `quest-${index}`;<br /> }<br /> <br /> function parseRequiredCountForCheckbox(checkbox) {<br /> const label = checkbox.closest('label');<br /> const nameEl = label ? safeQuerySelector('.quest-name', label) : null;<br /> const text = (nameEl ? nameEl.textContent : '') || '';<br /> const match = text.match(/(\d+)/);<br /> if (!match) return 1;<br /> const n = Number(match[1]);<br /> return Number.isFinite(n) && n > 0 ? n : 1;<br /> }<br /> <br /> function collectRegions(root) {<br /> const sections = safeQuerySelectorAll(SELECTORS.locationSection, root);<br /> return sections<br /> .map((section) => ({<br /> section,<br /> checkboxes: safeQuerySelectorAll(SELECTORS.questCheckbox, section)<br /> }))<br /> .filter((x) => x.checkboxes.length > 0);<br /> }<br /> <br /> function applySingleSelectionPerRegion(regions) {<br /> regions.forEach(({ checkboxes }) => {<br /> const checked = checkboxes.filter((cb) => cb.checked);<br /> const anyChecked = checked.length > 0;<br /> <br /> if (!anyChecked) {<br /> checkboxes.forEach((cb) => {<br /> cb.disabled = false;<br /> });<br /> return;<br /> }<br /> <br /> const chosen = checked[0];<br /> if (checked.length > 1) {<br /> checked.slice(1).forEach((cb) => {<br /> cb.checked = false;<br /> });<br /> }<br /> <br /> checkboxes.forEach((cb) => {<br /> cb.disabled = cb !== chosen;<br /> });<br /> });<br /> }<br /> <br /> function loadState(checkboxes) {<br /> const raw = safeGetLocalStorage(STORAGE_KEY);<br /> const parsed = raw ? safeJsonParse(raw) : null;<br /> const state = parsed && typeof parsed === 'object' ? parsed : {};<br /> <br /> checkboxes.forEach((cb, index) => {<br /> const key = getQuestId(cb, index);<br /> cb.checked = !!state[key];<br /> });<br /> }<br /> <br /> function saveState(checkboxes) {<br /> const out = {};<br /> checkboxes.forEach((cb, index) => {<br /> const key = getQuestId(cb, index);<br /> out[key] = !!cb.checked;<br /> });<br /> safeSetLocalStorage(STORAGE_KEY, JSON.stringify(out));<br /> }<br /> <br /> function ensureItemsStatElement(root) {<br /> const container = safeQuerySelector(SELECTORS.statsContainer, root);<br /> if (!container) return null;<br /> <br /> let el = container.querySelector('[data-stat="items-progress"]');<br /> if (el) return el;<br /> <br /> const item = document.createElement('div');<br /> item.className = 'stat-item';<br /> item.setAttribute('data-stat', 'items-progress');<br /> <br /> const label = document.createElement('span');<br /> label.className = 'stat-label';<br /> label.textContent = 'Items:';<br /> <br /> const value = document.createElement('span');<br /> value.className = 'stat-value';<br /> value.setAttribute('data-stat-value', 'items-progress');<br /> value.textContent = '0/0';<br /> <br /> item.appendChild(label);<br /> item.appendChild(value);<br /> container.appendChild(item);<br /> <br /> return item;<br /> }<br /> <br /> function updateProgress(regions, allCheckboxes, root) {<br /> const totalRegions = regions.length;<br /> const completedRegions = regions.filter(({ checkboxes }) => checkboxes.some((cb) => cb.checked)).length;<br /> const percentage = totalRegions > 0 ? Math.round((completedRegions / totalRegions) * 100) : 0;<br /> <br /> const totalProgressEl = safeQuerySelector(SELECTORS.totalProgress, root);<br /> const completionEl = safeQuerySelector(SELECTORS.completionPercentage, root);<br /> const fillEl = safeQuerySelector(SELECTORS.progressFill, root);<br /> <br /> if (totalProgressEl) totalProgressEl.textContent = `${completedRegions}/${totalRegions}`;<br /> if (completionEl) completionEl.textContent = `${percentage}%`;<br /> if (fillEl) fillEl.style.width = `${percentage}%`;<br /> <br /> const itemsStat = ensureItemsStatElement(root);<br /> const itemsValue = itemsStat ? itemsStat.querySelector('[data-stat-value="items-progress"]') : null;<br /> if (itemsValue) {<br /> const totalItems = allCheckboxes.reduce((sum, cb) => sum + parseRequiredCountForCheckbox(cb), 0);<br /> const completedItems = allCheckboxes.reduce(<br /> (sum, cb) => sum + (cb.checked ? parseRequiredCountForCheckbox(cb) : 0),<br /> 0<br /> );<br /> itemsValue.textContent = `${completedItems}/${totalItems}`;<br /> }<br /> }<br /> <br /> function wireEvents(regions, checkboxes, root) {<br /> checkboxes.forEach((cb) => {<br /> cb.addEventListener('change', () => {<br /> applySingleSelectionPerRegion(regions);<br /> saveState(checkboxes);<br /> updateProgress(regions, checkboxes, root);<br /> });<br /> });<br /> <br /> const resetBtn = safeQuerySelector(SELECTORS.resetButton, root);<br /> if (resetBtn) {<br /> resetBtn.addEventListener('click', () => {<br /> checkboxes.forEach((cb) => {<br /> cb.checked = false;<br /> cb.disabled = false;<br /> });<br /> safeRemoveLocalStorage(STORAGE_KEY);<br /> updateProgress(regions, checkboxes, root);<br /> });<br /> }<br /> }<br /> <br /> function init() {<br /> const root = document.getElementById(SELECTORS.trackerRootId);<br /> if (!root) return;<br /> <br /> const checkboxes = safeQuerySelectorAll(SELECTORS.questCheckbox, root);<br /> if (checkboxes.length === 0) return;<br /> <br /> const regions = collectRegions(root);<br /> if (regions.length === 0) return;<br /> <br /> loadState(checkboxes);<br /> applySingleSelectionPerRegion(regions);<br /> saveState(checkboxes);<br /> updateProgress(regions, checkboxes, root);<br /> wireEvents(regions, checkboxes, root);<br /> }<br /> <br /> if (document.readyState === 'loading') {<br /> document.addEventListener('DOMContentLoaded', init);<br /> } else {<br /> init();<br /> }<br /> })();</div>

Noorisei