MediaWiki:Common.js - Revision history

Iuoadmin: Blanked the page

2025-10-06T05:18:45Z

Blanked the page

← Older revision		Revision as of 05:18, 6 October 2025
Line 1:		Line 1:
	~~// Dark mode toggle button for Insane UO Wiki~~
	~~mw.loader.using('mediawiki.util').done(function () {~~
	~~// Create button~~
	~~var toggle = mw.util.addPortletLink(~~
	~~'p-personal',~~
	~~'#',~~
	~~'Dark Mode',~~
	~~'pt-darkmode',~~
	~~'Toggle dark mode theme'~~
	);

	~~// Click handler~~
	~~toggle.addEventListener('click', function (e) {~~
	~~e.preventDefault();~~
	~~document.body.classList.toggle('dark-mode');~~
	~~});~~
	~~});~~

Iuoadmin at 05:14, 6 October 2025

2025-10-06T05:14:53Z

← Older revision		Revision as of 05:14, 6 October 2025
Line 1:		Line 1:
	~~alert~~(~~"Common~~.~~js is working!"~~);		// Dark mode toggle button for Insane UO Wiki
			mw.loader.using('mediawiki.util').done(function () {
			// Create button
			var toggle = mw.util.addPortletLink(
			'p-personal',
			'#',
			'Dark Mode',
			'pt-darkmode',
			'Toggle dark mode theme'
			);

			// Click handler
			toggle.addEventListener('click', function (e) {
			e.preventDefault();
			document.body.classList.toggle('dark-mode');
			});
			});

Iuoadmin: Replaced content with "alert("Common.js is working!");"

2025-10-06T05:14:17Z

Replaced content with "alert("Common.js is working!");"

← Older revision		Revision as of 05:14, 6 October 2025
Line 1:		Line 1:
	~~/* ================================~~		alert("Common.js is working!");
	~~InsaneUO-inspired~~ Common.js
	~~Enhancements for Timeless skin~~
	~~================================ */~~

	/**
	* Dark mode toggle
	* - Adds a button in the header
	* - Remembers user preference in localStorage
	*/
	~~(function () {~~
	~~const DARK_CLASS = "dark-mode";~~

	~~function applyDarkMode(enabled) {~~
	~~if (enabled) {~~
	~~document.documentElement.classList.add(DARK_CLASS);~~
	~~} else {~~
	~~document.documentElement.classList.remove(DARK_CLASS);~~
	}
	}

	~~// Read preference~~
	~~const savedPref = localStorage.getItem("darkMode") === "true";~~
	~~applyDarkMode(savedPref);~~

	~~// Add toggle button to header~~
	~~$(document).ready(function () {~~
	~~const $toggle = $('<a>')~~
	~~.attr("href", "#")~~
	~~.attr("id", "darkModeToggle")~~
	~~.addClass("iuo-cta")~~
	~~.text(savedPref ? "☾ Dark On" : "☀ Dark Off");~~

	~~$("#mw-head .mw-shell").append($('<div id="iuo-top-cta">').append($toggle));~~

	~~$toggle.on("click", function (e) {~~
	~~e.preventDefault();~~
	~~const isDark =~~ !~~$("html").hasClass(DARK_CLASS);~~
	~~applyDarkMode(isDark);~~
	~~localStorage.setItem("darkMode", isDark);~~
	~~$toggle.text(isDark ? "☾ Dark On~~" ~~: "☀ Dark Off");~~
	~~});~~
	~~});~~
	~~})();~~

	/**
	* Collapsible sections
	* - Turns every h2 into a collapsible block
	*/
	~~(function () {~~
	~~$(document).ready(function () {~~
	~~$(".mw-body h2").each(function () {~~
	~~const $h2 = $(this);~~
	~~const $nextUntilH2 = $h2.nextUntil("h2");~~

	~~if ($nextUntilH2.length > 0) {~~
	~~const $wrapper = $("<div>").addClass("collapsible-section");~~
	~~$nextUntilH2.wrapAll($wrapper);~~

	~~const $btn = $('<span class="collapse-btn">[–]</span>');~~
	~~$h2.append(" ").append($btn);~~

	~~$btn.on("click", function () {~~
	~~$wrapper.toggle();~~
	~~$btn.text($wrapper.is(":visible") ? "[–]" : "[+]");~~
	~~});~~
	}
	~~});~~
	~~});~~
	~~})();~~

	/**
	* Sticky "Edit" button
	* - Adds a floating edit shortcut on the right
	*/
	~~(function () {~~
	~~$(document).ready(function () {~~
	~~const $editLink = $("#ca-edit a").attr("href");~~
	~~if ($editLink) {~~
	~~const $floatingBtn = $('<a>')~~
	~~.attr("href", $editLink)~~
	~~.addClass("button iuo-floating-edit")~~
	~~.text("✎ Edit");~~

	~~$("body").append($floatingBtn);~~
	}
	~~});~~
	~~})(~~);

Iuoadmin: Created page with "/* ================================ InsaneUO-inspired Common.js Enhancements for Timeless skin ================================ */ /** * Dark mode toggle * - Adds a button in the header * - Remembers user preference in localStorage */ (function () { const DARK_CLASS = "dark-mode"; function applyDarkMode(enabled) { if (enabled) { document.documentElement.classList.add(DARK_CLASS); } else { document.documentElement.classList.remove(DA..."

2025-10-06T05:12:45Z

Created page with "================================ InsaneUO-inspired Common.js Enhancements for Timeless skin ================================: * * Dark mode toggle * - Adds a button in the header * - Remembers user preference in localStorage: (function () { const DARK_CLASS = "dark-mode"; function applyDarkMode(enabled) { if (enabled) { document.documentElement.classList.add(DARK_CLASS); } else { document.documentElement.classList.remove(DA..."

New page

/* ================================
InsaneUO-inspired Common.js
Enhancements for Timeless skin
================================ */

/**
* Dark mode toggle
* - Adds a button in the header
* - Remembers user preference in localStorage
*/
(function () {
const DARK_CLASS = "dark-mode";

function applyDarkMode(enabled) {
if (enabled) {
document.documentElement.classList.add(DARK_CLASS);
} else {
document.documentElement.classList.remove(DARK_CLASS);
}
}

// Read preference
const savedPref = localStorage.getItem("darkMode") === "true";
applyDarkMode(savedPref);

// Add toggle button to header
$(document).ready(function () {
const $toggle = $('<a>')
.attr("href", "#")
.attr("id", "darkModeToggle")
.addClass("iuo-cta")
.text(savedPref ? "☾ Dark On" : "☀ Dark Off");

$("#mw-head .mw-shell").append($('<div id="iuo-top-cta">').append($toggle));

$toggle.on("click", function (e) {
e.preventDefault();
const isDark = !$("html").hasClass(DARK_CLASS);
applyDarkMode(isDark);
localStorage.setItem("darkMode", isDark);
$toggle.text(isDark ? "☾ Dark On" : "☀ Dark Off");
});
});
})();

/**
* Collapsible sections
* - Turns every h2 into a collapsible block
*/
(function () {
$(document).ready(function () {
$(".mw-body h2").each(function () {
const $h2 = $(this);
const $nextUntilH2 = $h2.nextUntil("h2");

if ($nextUntilH2.length > 0) {
const $wrapper = $("<div>").addClass("collapsible-section");
$nextUntilH2.wrapAll($wrapper);

const $btn = $('<span class="collapse-btn">[–]</span>');
$h2.append(" ").append($btn);

$btn.on("click", function () {
$wrapper.toggle();
$btn.text($wrapper.is(":visible") ? "[–]" : "[+]");
});
}
});
});
})();

/**
* Sticky "Edit" button
* - Adds a floating edit shortcut on the right
*/
(function () {
$(document).ready(function () {
const $editLink = $("#ca-edit a").attr("href");
if ($editLink) {
const $floatingBtn = $('<a>')
.attr("href", $editLink)
.addClass("button iuo-floating-edit")
.text("✎ Edit");

$("body").append($floatingBtn);
}
});
})();