MediaWiki:Mobile.js: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* All JavaScript here will be loaded for users of the mobile site */
/* All JavaScript here will be loaded for users of the mobile site */


/*
if (mw.config.get("wgUserId") == null) {
* Note that some of the style changes that are applied when enabling ads are
* already applied via MW:Vector.css, but only for anonymous visitors, so apply
* them again in case ads are enabled explicitly, e.g. for testing.
*/
 
if (mw.config.get("wgUserId") == 1) {
bg3wikiEnableAds();
bg3wikiEnableAds();
}
}


function bg3wikiEnableAds() {
function bg3wikiEnableAds() {
// This class is normally added through a hook in LocalSettings.php, when
if (window.innerHeight < 720) {
// the visitor is not a logged-in user.  The class is added here as well,
bg3wikiEnableFooterAd();
// since this function could be called for testing purposes.
}
document.body.classList.add("mw-ads-enabled");
 
bg3wikiEnableFooterAd();
}
}


function bg3wikiEnableFooterAd() {
function bg3wikiEnableFooterAd() {
if (window.innerHeight < 720) {
var ad = document.getElementById("bg3wiki-footer-ad");
if (ad == null) {
return;
return;
}
}
return; // TODO
// TODO
// The "header" is actually at the bottom.
var header = document.getElementsByClassName("citizen-header")[0];
header.style.bottom = "50px";
// Floating page actions thingy above the "header"
var actions = document.getElementsByClassName("page-actions")[0];
actions.style.bottom = "calc(50px + var(--header-size) + var(--space-xs))";
// Actual page contents
var content = document.getElementsByClassName("citizen-page-container")[0];
content.style.marginBottom = "50px";
var ad = document.createElement("div");
ad.id = "bg3wiki-footer-ad";
ad.classList.add("bg3wiki-ad");
ad.style.height = "50px";
ad.style.width = "100%";
ad.style.position = "fixed";
ad.style.bottom = "0";
ad.style.zIndex = "999";
ad.style.background = "var(--color-surface-3)";
ad.style.alignContent = "center";
document.body.appendChild(ad);
var p = document.createElement("p");
p.style.textAlign = "center";
p.style.fontSize = "0.9em";
p.style.fontStyle = "italic";
p.style.color = "var(--color-subtle)";
p.innerText = "Ad placeholder";
ad.appendChild(p);
}
}

Revision as of 23:23, 7 August 2024

/* All JavaScript here will be loaded for users of the mobile site */

if (mw.config.get("wgUserId") == null) {
	bg3wikiEnableAds();
}

function bg3wikiEnableAds() {
	if (window.innerHeight < 720) {
		bg3wikiEnableFooterAd();
	}
}

function bg3wikiEnableFooterAd() {
	var ad = document.getElementById("bg3wiki-footer-ad");
	if (ad == null) {
		return;
	}
	
	// TODO
}