User:Aliser/common.js - Revision history

imported>Aliser: Blanked the page

2025-05-30T05:02:19Z

Blanked the page

← Older revision		Revision as of 05:02, 30 May 2025
Line 1:		Line 1:

	~~/** Class name of an element that holds a collapse all button. */~~
	~~const collapseAllButtonContainerClass = "collapsible-toggle-container";~~

	~~/** Class name of an actual collapse all button. */~~
	~~const collapseAllButtonClass = "mw-collapsible-toggle";~~

	~~/** Data attribute on the collapse all button container element,~~
	* that specifies a class name for a collapsable elements container that the collapse all button shall target. */
	~~const collapsibleContainerDataAttr = "data-target-class";~~

	~~/** The initial part of a custom toggle class name. */~~
	~~const customToggleClassPrefix = "mw-customtoggle";~~

	~~/** Class name for collapsible elements. */~~
	~~const collapsibleClass = "mw-collapsible";~~

	~~/** Class name for collapsed elements. */~~
	~~const collapsedClass = "mw-collapsed";~~

	~~const logPrefix = "Gadget-ExpandAllReagents"~~

	~~// ===========~~

	~~mw.hook('wikipage.content').add((content) => {~~
	~~/** @type {HTMLElement} */~~
	~~const contentEl = content[0];~~

	~~// small timeout to prevent race condition with underlying jquery~~
	~~// that works the collapsible magic.~~
	~~setTimeout(() => {~~
	~~for (const collapseAllButtonContainerEl of contentEl.getElementsByClassName(collapseAllButtonContainerClass)) {~~
	~~const collapseAllButton = collapseAllButtonContainerEl.getElementsByClassName(collapseAllButtonClass)[0];~~
	~~if (!collapseAllButton) {~~
	~~logWarn("failed to find a collapse all button inside a collapse all button container element");~~
	~~console.warn({~~
	~~collapseAllButtonContainerEl~~
	})
	~~continue;~~
	}

	~~const collapsibleContainerClass = collapseAllButtonContainerEl.getAttribute(collapsibleContainerDataAttr);~~
	~~if (!collapsibleContainerClass) {~~
	~~logWarn("collapsible container data attribute not found on the collapse all button container element");~~
	~~console.warn({~~
	~~collapseAllButtonContainerEl~~
	})
	~~continue;~~
	}

	~~let toggleEls = new Set();~~
	~~/** Whether the initial querying of the toggle elements has been done. */~~
	~~let initialized = false;~~

	~~collapseAllButton.addEventListener('click', () => {~~
	~~if (!initialized) {~~
	~~const collapsibleContainerEls = contentEl.getElementsByClassName(collapsibleContainerClass);~~

	~~for (const collapsibleContainerEl of collapsibleContainerEls) {~~
	~~for (const toggleEl of collapsibleContainerEl.querySelectorAll(`[class*='${customToggleClassPrefix}']`)) {~~
	~~toggleEls.add(toggleEl);~~
	}
	}

	~~initialized = true;~~
	}

	~~toggleEls.forEach(el => el.click());~~
	~~});~~
	}
	~~}, 250)~~
	~~});~~

	~~// ===========~~

	~~function joinLogPrefixWithMessage(msg) {~~
	~~return logPrefix + " " + msg;~~
	}

	~~function logWarn(msg) {~~
	~~console.warn(joinLogPrefixWithMessage(msg));~~
	}

	~~function throwErr(msg) {~~
	~~throw new Error(joinLogPrefixWithMessage(msg));~~
	}

imported>Aliser at 13:27, 24 May 2025

2025-05-24T13:27:12Z

@@ Line 1: / Line 1: @@
-// DRUID Infobox.
+/** Class name of an element that holds a collapse all button. */
-// source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.js
+const collapseAllButtonContainerClass = "collapsible-toggle-container";
-$(function () {
+/** Class name of an actual collapse all button. */
-  $(".druid-title-tab").off("click")
+const collapseAllButtonClass = "mw-collapsible-toggle";
-  $(".druid-collapsible").off("click")
+/** Data attribute on the collapse all button container element,
-    .on('click', function () {
+ * that specifies a class name for a collapsable elements container that the collapse all button shall target. */
-      var kind = $(this).attr("data-druid-section");
+const collapsibleContainerDataAttr = "data-target-class";
-      $(this).toggleClass("druid-collapsible-collapsed");
-      $(this)
+/** The initial part of a custom toggle class name. */
-        .closest(".druid-container")
+const customToggleClassPrefix = "mw-customtoggle";
-        .find("[data-druid-section-row=" + kind + "]")
-        .toggleClass("druid-collapsed");
+/** Class name for collapsible elements. */
-  });
+const collapsibleClass = "mw-collapsible";
 });
-// ********************************
+// ===========
-// ******* End DRUID js *********
-// ********************************
+function joinLogPrefixWithMessage(msg) {

imported>Aliser at 00:05, 14 March 2025

2025-03-14T00:05:44Z

← Older revision		Revision as of 00:05, 14 March 2025
Line 1:		Line 1:
			// ********************************
			// ***** Start DRUID js *******
			// ********************************

	// DRUID Infobox.		// DRUID Infobox.
	// source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.js		// source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.js
	// license: CC BY-SA 4.0		// license: CC BY-SA 4.0


	$(function () {		$(function () {
Line 31:		Line 34:
	});		});
	});		});

			// ********************************
			// ***** End DRUID js *******
			// ********************************

imported>Aliser: Created page with "// DRUID Infobox. // source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.js // license: CC BY-SA 4.0 $(function () { $(".druid-title-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-se..."

2025-03-13T22:56:12Z

Created page with "// DRUID Infobox. // source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.js // license: CC BY-SA 4.0 $(function () { $(".druid-title-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-se..."

New page

// DRUID Infobox.
// source: https://support.wiki.gg/wiki/MediaWiki:Gadget-druidInfoboxes.js
// license: CC BY-SA 4.0

$(function () {
$(".druid-title-tab").off("click")
.on('click', function () {
var $parent = $(this).closest(".druid-container");
$parent.find(".druid-toggleable").removeClass("focused");
var i = $(this).attr("data-druid");
$parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused");
});

$(".druid-section-tab").off("click")
.on('click', function () {
var $parent = $(this).closest(".druid-section-container");
$parent.find(".druid-toggleable").removeClass("focused");
var i = $(this).attr("data-druid");
$parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused");
});

$(".druid-collapsible").off("click")
.on('click', function () {
var kind = $(this).attr("data-druid-section");
$(this).toggleClass("druid-collapsible-collapsed");
$(this)
.closest(".druid-container")
.find("[data-druid-section-row=" + kind + "]")
.toggleClass("druid-collapsed");
});
});