미디어위키:Gadget-Vector.js: 두 판 사이의 차이

식물 vs 좀비 위키
편집 요약 없음
편집 요약 없음
343번째 줄: 343번째 줄:
} else {
} else {
initV27Interface();
initV27Interface();
}
}());
(function () {
'use strict';
function installGrassDividers(root) {
var scope = root || document;
var wrappers;
var legacyHeadings;
wrappers = scope.querySelectorAll(
'.skin-vector-legacy .mw-parser-output .mw-heading2'
);
Array.prototype.forEach.call(wrappers, function (wrapper) {
var divider;
wrapper.classList.add('pvz-grass-heading');
divider = wrapper.querySelector(
':scope > .pvz-grass-divider'
);
if (!divider) {
divider = document.createElement('span');
divider.className = 'pvz-grass-divider';
divider.setAttribute('aria-hidden', 'true');
wrapper.appendChild(divider);
}
});
legacyHeadings = scope.querySelectorAll(
'.skin-vector-legacy .mw-parser-output > h2'
);
Array.prototype.forEach.call(legacyHeadings, function (heading) {
var divider;
if (heading.closest('.mw-heading2')) {
return;
}
heading.classList.add('pvz-grass-heading');
divider = heading.querySelector(
':scope > .pvz-grass-divider'
);
if (!divider) {
divider = document.createElement('span');
divider.className = 'pvz-grass-divider';
divider.setAttribute('aria-hidden', 'true');
heading.appendChild(divider);
}
});
}
function initGrassDividers() {
var observer;
installGrassDividers(document);
observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
Array.prototype.forEach.call(
mutation.addedNodes,
function (node) {
if (node.nodeType !== Node.ELEMENT_NODE) {
return;
}
if (
node.matches(
'.mw-heading2, .mw-parser-output > h2'
)
) {
installGrassDividers(node.parentNode);
return;
}
installGrassDividers(node);
}
);
});
});
observer.observe(document.body, {
childList: true,
subtree: true
});
}
if (document.readyState === 'loading') {
document.addEventListener(
'DOMContentLoaded',
initGrassDividers,
{ once: true }
);
} else {
initGrassDividers();
}
}
}());
}());