MediaWiki:Common.js: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */


/*
(function () {
(function () {
if (document.getElementById("bg3wiki-legacy-content-notice")) {
var notice = document.getElementById("bg3wiki-downtime-notice");
if (notice && new Date().getMonth() + 1 == 9) {
notice.style.display = 'block';
}
})();
*/
 
// Fix for popups because we mess with body height.
new MutationObserver(function(mutList, _obs) {
const nodes = mutList[0].addedNodes;
if (nodes.length == 0) {
return;
return;
}
}
var siteNotice = document.getElementById("siteNotice");
const node = nodes[0];
if (!siteNotice) {
if (!node.classList || !node.classList.contains("mwe-popups")) {
return;
return;
}
}
    var uptodateNotice = document.getElementById("bg3wiki-uptodate-notice");
const style = node.style;
    if (uptodateNotice) {
const offset = window.scrollY + "px";
    siteNotice.style.float = "right";
style.position = 'fixed';
    siteNotice.innerHTML = uptodateNotice.innerHTML;
if (style.top != 'auto') {
    uptodateNotice.remove();
style.top = "calc(" + style.top + " - " + offset + ")";
    return;
}
    }
if (style.bottom != 'auto') {
var launchDayMaxPageId = 6545;
style.bottom = "calc(" + style.bottom + " + " + offset + ")";
if (
mw.config.get("wgIsMainPage") ||
mw.config.get("wgNamespaceNumber") !== 0 ||
mw.config.get("wgArticleId") > launchDayMaxPageId ||
mw.config.get("wgAction") !== "view"
) {
return;
}
}
siteNotice.style.textAlign = "start";
}).observe(document.body, { childList: true });
siteNotice.innerHTML =
"<p style='font-size: 1rem; color: yellow;'> " +
"Warning: This page was created during Early Access. " +
"It may not be up to date with the release version. " +
"</p> <p> " +
"To remove this notice, click 'Edit source' and add this to the top: " +
// <nowiki>
"<code>{{subst:insert up to date}}</code> " +
// </nowiki>
"</p>";
})();


// Related to centering the content; fix for popups.
/**
(function () {
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
var body = document.getElementsByTagName("body")[0];
*
var callback = function(mutList, _obs) {
* Maintainers: TheDJ. See https://en.wikipedia.org/wiki/MediaWiki:Common.js for more information.
var nodes = mutList[0].addedNodes;
*/
if (nodes.length == 0 || nodes[0].classList == undefined) {
function mwCollapsibleSetup( $collapsibleContent ) {
return;
var $element,
$toggle,
autoCollapseThreshold = 2;
$.each( $collapsibleContent, function ( index, element ) {
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
}
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
}
}
}
var node = nodes[0];
// because of colored backgrounds, style the link in the text color
if (node.classList.contains("mwe-popups")) {
// to ensure accessible contrast
var bodyStyle = window.getComputedStyle(body);
$toggle = $element.find( '.mw-collapsible-toggle' );
var bodyLeft = bodyStyle.getPropertyValue("margin-left");
if ( $toggle.length ) {
node.style.left = "calc("+ node.style.left + " - "+ bodyLeft + ")";
// Make the toggle inherit text color (Updated for T333357 2023-04-29)
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.css( 'color', 'inherit' );
$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
}
}
}
};
} );
var observer = new MutationObserver(callback);
}
observer.observe(body, { childList: true });
})();


(function () {
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
var notice = document.getElementById("bg3wiki-downtime-notice");
if (notice && new Date().getMonth() + 1 == 9) {
notice.style.display = 'block';
}
})();

Latest revision as of 14:41, 3 September 2024

/* Any JavaScript here will be loaded for all users on every page load. */

/*
(function () {
	var notice = document.getElementById("bg3wiki-downtime-notice");
	if (notice && new Date().getMonth() + 1 == 9) {
		notice.style.display = 'block';
	}
})();
*/

// Fix for popups because we mess with body height.
new MutationObserver(function(mutList, _obs) {
	const nodes = mutList[0].addedNodes;
	if (nodes.length == 0) {
		return;
	}
	const node = nodes[0];
	if (!node.classList || !node.classList.contains("mwe-popups")) {
		return;
	}
	const style = node.style;
	const offset = window.scrollY + "px";
	style.position = 'fixed';
	if (style.top != 'auto') {
		style.top = "calc(" + style.top + " - " + offset + ")";
	}
	if (style.bottom != 'auto') {
		style.bottom = "calc(" + style.bottom + " + " + offset + ")";
	}
}).observe(document.body, { childList: true });

/**
 * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
 *
 * Maintainers: TheDJ. See https://en.wikipedia.org/wiki/MediaWiki:Common.js for more information.
 */
function mwCollapsibleSetup( $collapsibleContent ) {
	var $element,
		$toggle,
		autoCollapseThreshold = 2;
	$.each( $collapsibleContent, function ( index, element ) {
		$element = $( element );
		if ( $element.hasClass( 'collapsible' ) ) {
			$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
		}
		if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
			$element.data( 'mw-collapsible' ).collapse();
		} else if ( $element.hasClass( 'innercollapse' ) ) {
			if ( $element.parents( '.outercollapse' ).length > 0 ) {
				$element.data( 'mw-collapsible' ).collapse();
			}
		}
		// because of colored backgrounds, style the link in the text color
		// to ensure accessible contrast
		$toggle = $element.find( '.mw-collapsible-toggle' );
		if ( $toggle.length ) {
			// Make the toggle inherit text color (Updated for T333357 2023-04-29)
			if ( $toggle.parent()[ 0 ].style.color ) {
				$toggle.css( 'color', 'inherit' );
				$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
			}
		}
	} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );