미디어위키: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(); | |||
} | } | ||
}()); | }()); | ||
