MediaWiki:Common.js: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 142: | Line 142: | ||
}); | }); | ||
/* ========================================================= | |||
OOO Browser controller (click switching) | |||
========================================================= */ | |||
document.addEventListener("click", function (e) { | |||
const item = e.target.closest(".ooo-browser__item"); | |||
if (!item) return; | |||
const browser = item.closest(".ooo-browser"); | |||
if (!browser) return; | |||
const target = item.getAttribute("data-target"); | |||
if (!target) return; | |||
e.preventDefault(); | |||
browser.querySelectorAll(".ooo-browser__item") | |||
.forEach(el => el.classList.remove("is-active")); | |||
browser.querySelectorAll(".ooo-browser__info") | |||
.forEach(el => el.classList.remove("is-active")); | |||
item.classList.add("is-active"); | |||
const panel = browser.querySelector("#" + CSS.escape(target)); | |||
if (panel) panel.classList.add("is-active"); | |||
/* update browser URL */ | |||
history.replaceState(null, null, "#" + target); | |||
}); | |||
/* V2 Level Progression Accordion */ | |||
(function () { | |||
function initLevelCards() { | |||
document.querySelectorAll('.ooo-v2-level-heading').forEach(function (heading) { | |||
if (heading.dataset.levelInitialized) return; | |||
heading.dataset.levelInitialized = '1'; | |||
var card = heading.closest('.ooo-v2-level-card'); | |||
if (!card) return; | |||
card.classList.remove('is-open'); | |||
heading.setAttribute('aria-expanded', 'false'); | |||
function toggle() { | |||
var isOpen = card.classList.toggle('is-open'); | |||
heading.setAttribute('aria-expanded', String(isOpen)); | |||
var detailsLabel = heading.querySelector('.ooo-v2-level-arrow'); | |||
if (detailsLabel) { | |||
detailsLabel.textContent = isOpen ? 'Hide Details' : 'Details'; | |||
} | |||
} | |||
heading.addEventListener('click', toggle); | |||
heading.addEventListener('keydown', function (event) { | |||
if (event.key === 'Enter' || event.key === ' ') { | |||
event.preventDefault(); | |||
toggle(); | |||
} | |||
}); | |||
}); | |||
} | |||
mw.hook('wikipage.content').add(initLevelCards); | |||
})(); | |||