MediaWiki:Common.js
来自Mindustry中文wiki
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* MediaWiki:Common.js */
(function () {
'use strict';
function fallbackCopy(text) {
if (!window.jQuery) return;
var $ = window.jQuery;
var $temp = $('<textarea>');
$('body').append($temp);
$temp.val(text).select();
document.execCommand('copy');
$temp.remove();
alert('复制成功！');
}
// 点击按钮复制内容：<button class="copy-button" data-text="...">复制</button>
if (window.jQuery) {
window.jQuery(function ($) {
$(document).on('click', '.copy-button', function () {
var text = $(this).attr('data-text') || '';
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function () {
alert('复制成功！');
}, function () {
fallbackCopy(text);
});
} else {
fallbackCopy(text);
}
});
});
}
// Timeless：把 Sidebar 里以 "-- " 开头的条目变成可折叠子项
mw.loader.using(['mediawiki.util'], function () {
if (mw.config.get('skin') !== 'timeless') return;
function initNavTree() {
var siteNav = document.getElementById('mw-site-navigation');
if (!siteNav) return;
var pNav = siteNav.querySelector('#p-navigation');
if (!pNav) return;
var root = pNav.querySelector('.mw-portlet-body > ul') ||
pNav.querySelector('ul');
if (!root) return;
if (root.getAttribute('data-mdtNav') === '1') return;
root.setAttribute('data-mdtNav', '1');
var KEY = 'mdtNavTreeOpen';
var store = {};
try {
store = JSON.parse(localStorage.getItem(KEY) || '{}');
} catch (e) {
store = {};
}
function getKey(li) {
if (li && li.id) return li.id;
var a = li ? li.querySelector('a') : null;
return a ? (a.getAttribute('href') || '') : '';
}
function setStored(li, open) {
var k = getKey(li);
if (!k) return;
store[k] = open;
try {
localStorage.setItem(KEY, JSON.stringify(store));
} catch (e) {}
}
function setOpen(li, open, persist) {
li.classList.toggle('mdtNavOpen', open);
if (persist) setStored(li, open);
}
function ensureGroup(li) {
li.classList.add('mdtNavGroup');
var sub = li.querySelector('ul.mdtNavSublist');
if (!sub) {
sub = document.createElement('ul');
sub.className = 'mdtNavSublist';
li.appendChild(sub);
}
var btn = li.querySelector('button.mdtNavToggle');
if (!btn) {
btn = document.createElement('button');
btn.type = 'button';
btn.className = 'mdtNavToggle';
btn.setAttribute('aria-label', '展开/收起');
btn.setAttribute('aria-expanded', 'false');
li.insertBefore(btn, sub);
btn.addEventListener('click', function (ev) {
ev.preventDefault();
ev.stopPropagation();
var isOpen = li.classList.contains('mdtNavOpen');
setOpen(li, !isOpen, true);
btn.setAttribute('aria-expanded', String(!isOpen));
});
}
var k = getKey(li);
if (store[k] === true) {
li.classList.add('mdtNavOpen');
btn.setAttribute('aria-expanded', 'true');
}
return sub;
}
var items = Array.prototype.slice.call(root.children);
var lastAtDepth = [];
for (var i = 0; i < items.length; i++) {
var li = items[i];
if (!li || li.tagName !== 'LI') continue;
var a = li.querySelector('a');
if (!a) continue;
var raw = (a.textContent || '').trim();
var m = raw.match(/^(-{2,})\s*(.*)$/);
var depth = 0;
if (m) {
depth = Math.min(Math.floor(m[1].length / 2), 3);
a.textContent = m[2];
}
li.classList.add('mdtNavItem');
if (depth > 0 && lastAtDepth[depth - 1]) {
li.classList.add('mdtNavSubItem');
li.classList.add('mdtNavDepth' + String(depth));
var sublist = ensureGroup(lastAtDepth[depth - 1]);
sublist.appendChild(li);
} else {
depth = 0;
}
lastAtDepth[depth] = li;
lastAtDepth.length = depth + 1;
}
// 当前页面高亮 + 自动展开父级
var current = (mw.config.get('wgPageName') || '').replace(/ /g, '_');
var links = pNav.querySelectorAll('a');
function titleFromHref(href) {
var t = mw.util.getParamValue('title', href);
if (t) return t.replace(/ /g, '_');
var mark = '/index.php/';
var pos = href.indexOf(mark);
if (pos !== -1) {
return decodeURIComponent(href.slice(pos + mark.length))
.replace(/ /g, '_');
}
return '';
}
for (var j = 0; j < links.length; j++) {
var href = links[j].getAttribute('href') || '';
var page = titleFromHref(href);
if (page && page === current) {
links[j].classList.add('mdtNavActive');
var n = links[j].parentNode;
while (n && n !== root) {
if (n.tagName === 'LI' && n.classList.contains('mdtNavGroup')) {
setOpen(n, true, false);
var btn = n.querySelector('button.mdtNavToggle');
if (btn) btn.setAttribute('aria-expanded', 'true');
}
n = n.parentNode;
}
break;
}
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initNavTree);
} else {
initNavTree();
}
});
// 可折叠标题：在标题旁边加一个展开/收起按钮
// 用法：把任意标题写成：== 战役区块 <span class="mdtFold"></span> ==
// 默认收起：== 战役区块 <span class="mdtFold mdtFoldClosed"></span> ==
mw.loader.using(['mediawiki.util'], function () {
var skin = String(mw.config.get('skin') || '').toLowerCase();
if (skin !== 'timeless') return;
var action = String(mw.config.get('wgAction') || 'view').toLowerCase();
if (action === 'edit' || action === 'submit') return;
function findHeading(node) {
while (node && node !== document.body) {
if (node.nodeType === 1 && /^H[1-6]$/.test(node.tagName)) return node;
node = node.parentNode;
}
return null;
}
var KEY = 'mdtFoldSections';
var store = {};
try {
store = JSON.parse(localStorage.getItem(KEY) || '{}');
} catch (e) {
store = {};
}
function saveStore() {
try {
localStorage.setItem(KEY, JSON.stringify(store));
} catch (e) {}
}
function getHeadingBlock(headingEl) {
if (!headingEl || !headingEl.parentElement) return headingEl;
// MediaWiki 新版可能会把 h2 包在 <div class="mw-heading"> 里。
// 如果不处理这个 wrapper，折叠只会影响 wrapper 内部（看起来“没效果”）。
var p = headingEl.parentElement;
if (p.classList && p.classList.contains('mw-heading')) return p;
return headingEl;
}
function getHeadingLevelFromNode(node) {
if (!node || node.nodeType !== 1) return null;
if (/^H[1-6]$/.test(node.tagName)) {
return parseInt(String(node.tagName).slice(1), 10) || 6;
}
if (node.classList && node.classList.contains('mw-heading')) {
var h = node.querySelector('h1,h2,h3,h4,h5,h6');
if (h && /^H[1-6]$/.test(h.tagName)) {
return parseInt(String(h.tagName).slice(1), 10) || 6;
}
}
return null;
}
function initFoldSections(root) {
var content = root || document.getElementById('mw-content-text') ||
document.querySelector('.mw-parser-output') ||
document.body;
if (!content) return;
var nodes = [];
var markers = content.querySelectorAll('.mdtFold');
var headingNodes = content.querySelectorAll('h1.mdtFoldHeading,h2.mdtFoldHeading,h3.mdtFoldHeading,h4.mdtFoldHeading,h5.mdtFoldHeading,h6.mdtFoldHeading');
for (var h = 0; h < headingNodes.length; h++) nodes.push(headingNodes[h]);
for (var m = 0; m < markers.length; m++) nodes.push(markers[m]);
if (!nodes.length) return;
for (var i = 0; i < nodes.length; i++) {
(function (nodeOrMarker) {
var marker = null;
var heading = null;
if (nodeOrMarker && nodeOrMarker.nodeType === 1 && /^H[1-6]$/.test(nodeOrMarker.tagName)) {
heading = nodeOrMarker;
} else {
marker = nodeOrMarker;
heading = findHeading(marker);
}
if (!heading) return;
// 兼容：如果是通过 h2.mdtFoldHeading 触发，但里面也有 span.mdtFold，
// 也要把 marker 当作触发点，这样可以读取默认收起并移除 marker。
if (!marker) {
marker = heading.querySelector('.mdtFold');
}
var headingBlock = getHeadingBlock(heading);
if (!headingBlock) return;
if (headingBlock.getAttribute('data-mdtFoldInit') === '1') return;
headingBlock.setAttribute('data-mdtFoldInit', '1');
var level = parseInt(String(heading.tagName).slice(1), 10) || 2;
var headline = heading.querySelector('.mw-headline');
// Body: 优先折叠“紧跟着”的图标网格（你这个场景就是 h2 + .mdtIconGrid）。
// 也支持手动标记：<div class="mdtFoldBody">...</div>
var body = null;
var nextEl = headingBlock.nextElementSibling;
if (nextEl && nextEl.classList) {
if (nextEl.classList.contains('mdtFoldBody') || nextEl.classList.contains('mdtIconGrid')) {
body = nextEl;
body.classList.add('mdtFoldBody');
}
}
// 自动模式：把标题后面直到下一个“同级或更高级标题”的所有节点包起来。
if (!body) {
body = document.createElement('div');
body.className = 'mdtFoldBody';
var node = headingBlock.nextSibling;
while (node) {
var next = node.nextSibling;
var nodeLevel = getHeadingLevelFromNode(node);
if (nodeLevel !== null && nodeLevel <= level) break;
body.appendChild(node);
node = next;
}
headingBlock.parentNode.insertBefore(body, node);
}
// Toggle button
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'mdtFoldToggle';
btn.setAttribute('aria-label', '展开/收起');
btn.setAttribute('aria-expanded', 'true');
btn.title = '展开/收起';
btn.textContent = '\u25BE';
// Inline style fallback: in case Timeless.css is not loaded yet.
btn.style.width = '1.6rem';
btn.style.height = '1.6rem';
btn.style.marginLeft = '0.25rem';
btn.style.border = '0';
btn.style.padding = '0';
btn.style.borderRadius = '10px';
btn.style.display = 'inline-flex';
btn.style.alignItems = 'center';
btn.style.justifyContent = 'center';
btn.style.background = 'rgba(0, 175, 137, 0.10)';
btn.style.color = 'var(--mdtBrand)';
btn.style.cursor = 'pointer';
btn.style.fontFamily = 'inherit';
btn.style.fontSize = '16px';
btn.style.fontWeight = '700';
btn.style.lineHeight = '1';
btn.style.boxShadow = 'none';
btn.style.outline = 'none';
btn.style.appearance = 'none';
btn.style.webkitAppearance = 'none';
if (headline) {
headline.classList.add('mdtFoldHeadline');
headline.appendChild(btn);
} else {
var wrap = document.createElement('span');
wrap.className = 'mdtFoldHeadline';
while (heading.firstChild) {
wrap.appendChild(heading.firstChild);
}
heading.appendChild(wrap);
wrap.appendChild(btn);
headline = wrap;
}
// Marker/heading default state
var defaultClosed = false;
if (marker && marker.classList && marker.classList.contains('mdtFoldClosed')) {
defaultClosed = true;
}
if (heading.classList && heading.classList.contains('mdtFoldClosed')) {
defaultClosed = true;
}
// Remove marker to avoid extra spacing
if (marker && marker.parentNode) marker.parentNode.removeChild(marker);
var page = (mw.config.get('wgPageName') || '').replace(/ /g, '_');
var id = '';
if (headline && headline.id) id = headline.id;
if (!id) id = (heading.textContent || '').trim();
var storageKey = page + '::' + id;
function setCollapsed(collapsed, persist) {
headingBlock.classList.toggle('mdtFoldCollapsed', collapsed);
btn.setAttribute('aria-expanded', String(!collapsed));
btn.textContent = collapsed ? '\u25B8' : '\u25BE';
if (body) {
body.classList.toggle('mdtFoldHidden', collapsed);
// Ensure it works even if CSS is missing/cached.
body.style.display = collapsed ? 'none' : '';
}
if (persist) {
store[storageKey] = collapsed;
saveStore();
}
}
var collapsed = false;
if (typeof store[storageKey] === 'boolean') {
collapsed = store[storageKey];
} else if (defaultClosed) {
collapsed = true;
}
setCollapsed(collapsed, false);
btn.addEventListener('click', function (ev) {
ev.preventDefault();
ev.stopPropagation();
var isCollapsed = headingBlock.classList.contains('mdtFoldCollapsed');
setCollapsed(!isCollapsed, true);
});
})(nodes[i]);
}
}
function runOnPage() {
initFoldSections(document.getElementById('mw-content-text') ||
document.querySelector('.mw-parser-output') ||
document.body);
}
// MediaWiki 推荐：内容渲染/替换后触发（兼容预览、部分皮肤/插件）。
if (mw.hook && window.jQuery) {
mw.hook('wikipage.content').add(function ($content) {
initFoldSections($content && $content[0] ? $content[0] : null);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', runOnPage);
} else {
runOnPage();
}
});
})();
(function () {
'use strict';
/* Timeless: 左/右侧栏抽屉 + 首页按钮 */
mw.loader.using(['mediawiki.util'], function () {
if (mw.config.get('skin') !== 'timeless') return;
function onReady(fn) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fn);
} else {
fn();
}
}
var ICON_HOME =
'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>';
var ICON_MENU =
'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg>';
var ICON_GEAR =
'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.14 12.94c.04-.31.06-.63.06-.94s-.02-.63-.06-.94l2.03-1.58a.5.5 0 0 0 .12-.64l-1.92-3.32a.5.5 0 0 0-.6-.22l-2.39.96c-.5-.38-1.04-.7-1.63-.94l-.36-2.54A.5.5 0 0 0 13.9 2h-3.8a.5.5 0 0 0-.49.42l-.36 2.54c-.59.24-1.13.56-1.63.94l-2.39-.96a.5.5 0 0 0-.6.22L2.71 8.48a.5.5 0 0 0 .12.64l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94L2.83 14.52a.5.5 0 0 0-.12.64l1.92 3.32c.13.22.39.31.6.22l2.39-.96c.5.38 1.04.7 1.63.94l.36 2.54c.05.24.25.42.49.42h3.8c.24 0 .44-.18.49-.42l.36-2.54c.59-.24 1.13-.56 1.63-.94l2.39.96c.22.09.47 0 .6-.22l1.92-3.32a.5.5 0 0 0-.12-.64l-2.03-1.58zM12 15.5A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 0 7z"/></svg>';
function wrapIcon(svg) {
var span = document.createElement('span');
span.className = 'mdtDockIcon';
span.innerHTML = svg;
return span;
}
onReady(function () {
if (document.getElementById('mdtDockLeft')) return;
var siteNav = document.getElementById('mw-site-navigation');
var relatedNav = document.getElementById('mw-related-navigation');
if (!siteNav && !relatedNav) return;
document.body.classList.add('mdtDockEnabled');
var backdrop = document.createElement('div');
backdrop.id = 'mdtDockBackdrop';
function syncBackdrop() {
var open =
document.body.classList.contains('mdtDockNavOpen') ||
document.body.classList.contains('mdtDockToolsOpen');
backdrop.classList.toggle('is-active', open);
}
function closeAll() {
document.body.classList.remove('mdtDockNavOpen', 'mdtDockToolsOpen');
syncBackdrop();
}
backdrop.addEventListener('click', closeAll);
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') closeAll();
});
// 左侧：홈 + 汉堡
var left = document.createElement('div');
left.id = 'mdtDockLeft';
var home = document.createElement('a');
home.className = 'mdtDockBtn';
home.href = mw.util.getUrl(mw.config.get('wgMainPageTitle'));
home.title = '首页';
home.setAttribute('aria-label', '首页');
home.appendChild(wrapIcon(ICON_HOME));
left.appendChild(home);
if (siteNav) {
var navBtn = document.createElement('button');
navBtn.type = 'button';
navBtn.className = 'mdtDockBtn';
navBtn.title = '导航';
navBtn.setAttribute('aria-label', '导航');
navBtn.appendChild(wrapIcon(ICON_MENU));
navBtn.addEventListener('click', function () {
var nowOpen = document.body.classList.toggle('mdtDockNavOpen');
if (nowOpen) document.body.classList.remove('mdtDockToolsOpen');
syncBackdrop();
});
left.appendChild(navBtn);
}
// 右侧：齿轮
var right = document.createElement('div');
right.id = 'mdtDockRight';
if (relatedNav) {
var toolsBtn = document.createElement('button');
toolsBtn.type = 'button';
toolsBtn.className = 'mdtDockBtn';
toolsBtn.title = '页面工具';
toolsBtn.setAttribute('aria-label', '页面工具');
toolsBtn.appendChild(wrapIcon(ICON_GEAR));
toolsBtn.addEventListener('click', function () {
var nowOpen = document.body.classList.toggle('mdtDockToolsOpen');
if (nowOpen) document.body.classList.remove('mdtDockNavOpen');
syncBackdrop();
});
right.appendChild(toolsBtn);
}
document.body.appendChild(backdrop);
document.body.appendChild(left);
document.body.appendChild(right);
syncBackdrop();
});
});
})();
