MediaWiki:Common.js - Revision history

Saucy: fix maybe

2023-07-25T06:07:29Z

fix maybe

← Older revision		Revision as of 06:07, 25 July 2023
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. */


			// I wasn't totally satisfied with MediaWiki's built-in way to make collapsible elements, so here is an alternative implementation I made.
			function customcollapseShow(jQueryObj) {
			var container = $(jQueryObj).parents(".customcollapse");
			container.find(".customcollapse-content").show();
			container.find(".customcollapse-show").hide().removeAttr("aria-expanded");
			container.find(".customcollapse-hide").show().attr("aria-expanded", "true");
			container.find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "true");
			if ($(this).attr("data-hidetext")) $(this).text($(this).attr("data-hidetext"));
			});
			}

			function customcollapseHide(jQueryObj) {
			var container = $(jQueryObj).parents(".customcollapse");
			container.find(".customcollapse-content").hide();
			container.find(".customcollapse-hide").hide().removeAttr("aria-expanded");
			container.find(".customcollapse-show").show().attr("aria-expanded", "false");
			container.find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "false");
			if ($(this).attr("data-showtext")) $(this).text($(this).attr("data-showtext"));
			});
			}

			if ($(".customcollapse").length > 0) {
			$(".customcollapse").each(function () {
			if ($(this).hasClass("collapsed")) {
			$(this).find(".customcollapse-content").hide();
			$(this).find(".customcollapse-hide").hide();
			$(this).find(".customcollapse-show").show().attr("aria-expanded", "false");
			$(this).find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "false");
			if ($(this).attr("data-showtext")) $(this).text($(this).attr("data-showtext"));
			});
			} else {
			$(this).find(".customcollapse-show").hide();
			$(this).find(".customcollapse-hide").show().attr("aria-expanded", "true");
			$(this).find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "true");
			if ($(this).attr("data-hidetext")) $(this).text($(this).attr("data-hidetext"));
			});
			}
			$(this).find(".customcollapse-toggle").each(function () {
			// For toggles, changing the element to a <button>. This necessitates removing the element and adding it back again
			$(this).addClass("plainbutton");
			var innerHtml = this.innerHTML;
			var attributes = this.attributes;
			var btn = document.createElement("button");
			btn.innerHTML = innerHtml;
			for (var i = 0; i < attributes.length; i++) {
			btn.attributes.setNamedItem(attributes[i].cloneNode());
			}
			$(this).replaceWith(btn);
			});
			});

			// Define a toggle element with class="customcollapse-toggle"
			// These are simple text-only toggles that the script will modify. To make more custom ones, use customcollapse-show and customcollapse-hide classes
			$(".customcollapse-toggle").on("click", function () {
			if ($(this).attr("aria-expanded") == "true") customcollapseHide(this);
			else customcollapseShow(this);
			});

			// Define a show element with class="customcollapse-show"
			$(".customcollapse-show").on("click", customcollapseShow);

			// Define a hide element with class="customcollapse-hide"
			$(".customcollapse-hide").on("click", customcollapseHide);
			}

Saucy: Undo revision 10142 by Saucy (talk): Bruh why they require ECMAScript 5 what year is it

2023-07-25T05:58:09Z

Undo revision 10142 by Saucy (talk): Bruh why they require ECMAScript 5 what year is it

← Older revision		Revision as of 05:58, 25 July 2023
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. */


	~~// I wasn't totally satisfied with MediaWiki's built-in way to make collapsible elements, so here is an alternative implementation I made.~~
	~~function customcollapseShow(jQueryObj) {~~
	~~let container = $(jQueryObj).parents(".customcollapse");~~
	~~container.find(".customcollapse-content").show();~~
	~~container.find(".customcollapse-show").hide().removeAttr("aria-expanded");~~
	~~container.find(".customcollapse-hide").show().attr("aria-expanded", "true");~~
	~~container.find(".customcollapse-toggle").each(function () {~~
	~~$(this).attr("aria-expanded", "true");~~
	~~if ($(this).attr("data-hidetext")) $(this).text($(this).attr("data-hidetext"));~~
	~~});~~
	}

	~~function customcollapseHide(jQueryObj) {~~
	~~let container = $(jQueryObj).parents(".customcollapse");~~
	~~container.find(".customcollapse-content").hide();~~
	~~container.find(".customcollapse-hide").hide().removeAttr("aria-expanded");~~
	~~container.find(".customcollapse-show").show().attr("aria-expanded", "false");~~
	~~container.find(".customcollapse-toggle").each(function () {~~
	~~$(this).attr("aria-expanded", "false");~~
	~~if ($(this).attr("data-showtext")) $(this).text($(this).attr("data-showtext"));~~
	~~});~~
	}

	~~if ($(".customcollapse").length > 0) {~~
	~~$(".customcollapse").each(function () {~~
	~~if ($(this).hasClass("collapsed")) {~~
	~~$(this).find(".customcollapse-content").hide();~~
	~~$(this).find(".customcollapse-hide").hide();~~
	~~$(this).find(".customcollapse-show").show().attr("aria-expanded", "false");~~
	~~$(this).find(".customcollapse-toggle").each(function () {~~
	~~$(this).attr("aria-expanded", "false");~~
	~~if ($(this).attr("data-showtext")) $(this).text($(this).attr("data-showtext"));~~
	~~});~~
	~~} else {~~
	~~$(this).find(".customcollapse-show").hide();~~
	~~$(this).find(".customcollapse-hide").show().attr("aria-expanded", "true");~~
	~~$(this).find(".customcollapse-toggle").each(function () {~~
	~~$(this).attr("aria-expanded", "true");~~
	~~if ($(this).attr("data-hidetext")) $(this).text($(this).attr("data-hidetext"));~~
	~~});~~
	}
	~~$(this).find(".customcollapse-toggle").each(function () {~~
	~~// For toggles, changing the element to a <button>. This necessitates removing the element and adding it back again~~
	~~$(this).addClass("plainbutton");~~
	~~let innerHtml = this.innerHTML;~~
	~~let attributes = this.attributes;~~
	~~let btn = document.createElement("button");~~
	~~btn.innerHTML = innerHtml;~~
	~~for (let attr of attributes) {~~
	~~btn.attributes.setNamedItem(attr.cloneNode());~~
	}
	~~$(this).replaceWith(btn);~~
	~~});~~
	~~});~~

	~~// Define a toggle element with class="customcollapse-toggle"~~
	~~// These are simple text-only toggles that the script will modify. To make more custom ones, use customcollapse-show and customcollapse-hide classes~~
	~~$(".customcollapse-toggle").on("click", function () {~~
	~~if ($(this).attr("aria-expanded") == "true") customcollapseHide(this);~~
	~~else customcollapseShow(this);~~
	~~});~~

	~~// Define a show element with class="customcollapse-show"~~
	~~$(".customcollapse-show").on("click", customcollapseShow);~~

	~~// Define a hide element with class="customcollapse-hide"~~
	~~$(".customcollapse-hide").on("click", customcollapseHide);~~
	}

Saucy: collapsible elements

2023-07-25T05:55:41Z

collapsible elements

← Older revision		Revision as of 05:55, 25 July 2023
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. */


			// I wasn't totally satisfied with MediaWiki's built-in way to make collapsible elements, so here is an alternative implementation I made.
			function customcollapseShow(jQueryObj) {
			let container = $(jQueryObj).parents(".customcollapse");
			container.find(".customcollapse-content").show();
			container.find(".customcollapse-show").hide().removeAttr("aria-expanded");
			container.find(".customcollapse-hide").show().attr("aria-expanded", "true");
			container.find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "true");
			if ($(this).attr("data-hidetext")) $(this).text($(this).attr("data-hidetext"));
			});
			}

			function customcollapseHide(jQueryObj) {
			let container = $(jQueryObj).parents(".customcollapse");
			container.find(".customcollapse-content").hide();
			container.find(".customcollapse-hide").hide().removeAttr("aria-expanded");
			container.find(".customcollapse-show").show().attr("aria-expanded", "false");
			container.find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "false");
			if ($(this).attr("data-showtext")) $(this).text($(this).attr("data-showtext"));
			});
			}

			if ($(".customcollapse").length > 0) {
			$(".customcollapse").each(function () {
			if ($(this).hasClass("collapsed")) {
			$(this).find(".customcollapse-content").hide();
			$(this).find(".customcollapse-hide").hide();
			$(this).find(".customcollapse-show").show().attr("aria-expanded", "false");
			$(this).find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "false");
			if ($(this).attr("data-showtext")) $(this).text($(this).attr("data-showtext"));
			});
			} else {
			$(this).find(".customcollapse-show").hide();
			$(this).find(".customcollapse-hide").show().attr("aria-expanded", "true");
			$(this).find(".customcollapse-toggle").each(function () {
			$(this).attr("aria-expanded", "true");
			if ($(this).attr("data-hidetext")) $(this).text($(this).attr("data-hidetext"));
			});
			}
			$(this).find(".customcollapse-toggle").each(function () {
			// For toggles, changing the element to a <button>. This necessitates removing the element and adding it back again
			$(this).addClass("plainbutton");
			let innerHtml = this.innerHTML;
			let attributes = this.attributes;
			let btn = document.createElement("button");
			btn.innerHTML = innerHtml;
			for (let attr of attributes) {
			btn.attributes.setNamedItem(attr.cloneNode());
			}
			$(this).replaceWith(btn);
			});
			});

			// Define a toggle element with class="customcollapse-toggle"
			// These are simple text-only toggles that the script will modify. To make more custom ones, use customcollapse-show and customcollapse-hide classes
			$(".customcollapse-toggle").on("click", function () {
			if ($(this).attr("aria-expanded") == "true") customcollapseHide(this);
			else customcollapseShow(this);
			});

			// Define a show element with class="customcollapse-show"
			$(".customcollapse-show").on("click", customcollapseShow);

			// Define a hide element with class="customcollapse-hide"
			$(".customcollapse-hide").on("click", customcollapseHide);
			}

Saucy: No longer necessary

2023-05-09T06:42:25Z

No longer necessary

← Older revision		Revision as of 06:42, 9 May 2023
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. */


	~~// Notify people who have arrived via the wiki.ironyhub.com domain that it will be expiring soon~~
	~~if ((new URL(document.location)).searchParams.has("fromolddomain")) {~~
	mw.notify($("<span>⚠️ The <i>wiki.ironyhub.com</i> domain will no longer be available after July 29. Please make sure to use the <i>irony.wiki</i> domain for all future visits.</span>"), {autoHide: false});
	}

Saucy at 08:53, 24 July 2022

2022-07-24T08:53:42Z

← Older revision		Revision as of 08:53, 24 July 2022
Line 3:		Line 3:

	// Notify people who have arrived via the wiki.ironyhub.com domain that it will be expiring soon		// Notify people who have arrived via the wiki.ironyhub.com domain that it will be expiring soon
	~~var urlParams =~~ new ~~URLSearchParams~~(document.~~URL~~);		if ((new URL(document.location)).searchParams.has("fromolddomain")) {
	~~if (urlParams~~.has("fromolddomain")) {
	mw.notify($("<span>⚠️ The <i>wiki.ironyhub.com</i> domain will no longer be available after July 29. Please make sure to use the <i>irony.wiki</i> domain for all future visits.</span>"), {autoHide: false});		mw.notify($("<span>⚠️ The <i>wiki.ironyhub.com</i> domain will no longer be available after July 29. Please make sure to use the <i>irony.wiki</i> domain for all future visits.</span>"), {autoHide: false});
	}		}

Saucy: Notify people who have arrived via the wiki.ironyhub.com domain that it will be expiring soon

2022-07-24T08:47:41Z

Notify people who have arrived via the wiki.ironyhub.com domain that it will be expiring soon

New page

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

// Notify people who have arrived via the wiki.ironyhub.com domain that it will be expiring soon
var urlParams = new URLSearchParams(document.URL);
if (urlParams.has("fromolddomain")) {
mw.notify($("⚠️ The wiki.ironyhub.com domain will no longer be available after July 29. Please make sure to use the irony.wiki domain for all future visits."), {autoHide: false});
}