StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-29 00:31:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Converted toc script from ES6 to ES5

Browse source
This commit is contained in:
alistair3149 2020-02-15 17:33:53 -05:00
parent 54f03d7c3a
commit ed22023fce
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
1 changed files with 58 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
resources/scripts/toc.js
View file

@ -5,66 +5,67 @@
* Smooth scroll fallback and Scrollspy * Smooth scroll fallback and Scrollspy
*/ */
const SmoothScroll = () => { var SmoothScroll = function SmoothScroll() {
if ( !( 'scrollBehavior' in document.documentElement.style ) ) { if (!("scrollBehavior" in document.documentElement.style)) {
const navLinks = document.querySelectorAll( '#toc a' ), var navLinks = document.querySelectorAll("#toc a"),
eventListener = e => { eventListener = function eventListener(e) {
e.preventDefault(); e.preventDefault();
e.target.scrollIntoView( { e.target.scrollIntoView({
behavior: 'smooth' behavior: "smooth"
} ); });
}; };
for ( let link in navLinks ) { for (var link in navLinks) {
if ( Object.prototype.hasOwnProperty.call( navLinks, link ) ) { if (Object.prototype.hasOwnProperty.call(navLinks, link)) {
navLinks[ link ].addEventListener( 'click', eventListener ); navLinks[link].addEventListener("click", eventListener);
} }
} }
} }
}, },
ScrollSpy = function ScrollSpy() {
var sections = document.querySelectorAll(".mw-headline");
window.addEventListener("scroll", function() {
var scrollPos =
document.documentElement.scrollTop || document.body.scrollTop;
ScrollSpy = () => { for (var section in sections) {
const sections = document.querySelectorAll( '.mw-headline' ); if (
Object.prototype.hasOwnProperty.call(sections, section) &&
sections[section].offsetTop <= scrollPos
) {
var id = mw.util.escapeIdForAttribute(sections[section].id),
node = document.querySelector('a[href * = "'.concat(id, '"]'))
.parentNode,
active = document.querySelector(".active");
window.addEventListener( 'scroll', () => { if (active !== null) {
const scrollPos = document.documentElement.scrollTop || document.body.scrollTop; active.classList.remove("active");
for ( let section in sections ) {
if ( Object.prototype.hasOwnProperty.call( sections, section ) &&
sections[ section ].offsetTop <= scrollPos ) {
const id = mw.util.escapeIdForAttribute( sections[ section ].id ),
node = document.querySelector( `a[href * = "${id}"]` ).parentNode,
active = document.querySelector( '.active' );
if ( active !== null ) {
active.classList.remove( 'active' );
} }
if ( node !== null ) { if (node !== null) {
node.classList.add( 'active' ); node.classList.add("active");
} }
} }
} }
} ); });
}, },
CheckToC = function CheckToC() {
CheckToC = () => { if (document.getElementById("toc")) {
if ( document.getElementById( 'toc' ) ) {
SmoothScroll(); SmoothScroll();
ScrollSpy(); ScrollSpy();
} }
}; };
if ( document.readyState !== 'loading' ) { if (document.readyState !== "loading") {
CheckToC(); CheckToC();
} else if ( document.addEventListener ) { } else if (document.addEventListener) {
// All modern browsers to register DOMContentLoaded // All modern browsers to register DOMContentLoaded
document.addEventListener( 'DOMContentLoaded', CheckToC ); document.addEventListener("DOMContentLoaded", CheckToC);
} else { } else {
// Old IE browsers // Old IE browsers
document.attachEvent( 'onreadystatechange', function () { document.attachEvent("onreadystatechange", function() {
if ( document.readyState === 'complete' ) { if (document.readyState === "complete") {
CheckToC(); CheckToC();
} }
} ); });
} }