MediaWiki:Timeless.js - Revision history

TheFatherMind at 07:19, 13 March 2025

2025-03-13T07:19:04Z

← Older revision		Revision as of 07:19, 13 March 2025
Line 1:		Line 1:
	<!--- ~~--->~~		<!---
	mw.loader.using(['mediawiki.api']).then(function () {		mw.loader.using(['mediawiki.api']).then(function () {
	var category = "Resources"; // The name of the category		var category = "Resources"; // The name of the category
Line 54:		Line 54:
	$("#custom-category-wrapper").css("margin-bottom", "10px");		$("#custom-category-wrapper").css("margin-bottom", "10px");
	});		});
			--->

TheFatherMind at 02:47, 13 March 2025

2025-03-13T02:47:20Z

← Older revision		Revision as of 02:47, 13 March 2025
Line 1:		Line 1:
	<!--- --->		<!--- --->
			mw.loader.using(['mediawiki.api']).then(function () {
			var category = "Resources"; // The name of the category
			var sidebar = $("div#site-navigation"); // Target the site-navigation container

			// Log to ensure we're targeting the correct container
			if (sidebar.length === 0) {
			console.error("Sidebar container not found");
			return;
			}

			console.log("Sidebar container found, loading menu...");

			// Create a new wrapper for the custom menu
			var $menuWrapper = $("<div>").addClass("portal").attr("id", "custom-category-wrapper");

			// Create a new block for the menu
			var $menuBlock = $("<div>").addClass("portal-body").attr("id", "custom-category-menu");
			var $heading = $("<h3>").addClass("portal-heading").text("" + category);
			var $list = $("<ul>").addClass("portal-body");

			new mw.Api().get({
			action: "query",
			list: "categorymembers",
			cmtitle: "Category:" + category,
			cmlimit: 10,
			format: "json"
			}).done(function (data) {
			if (data.query && data.query.categorymembers.length > 0) {
			data.query.categorymembers.forEach(function (page) {
			$list.append($("<li>").append($("<a>").attr("href", mw.util.getUrl(page.title)).text(page.title)));
			});

			// Append the heading and list to the new block
			$menuBlock.append($heading).append($list);

			// Add a <br/> at the end of the list
			$menuBlock.append("<br/>");

			// Append the new block to the wrapper
			$menuWrapper.append($menuBlock);

			// Insert the new wrapper into the site-navigation container
			sidebar.append($menuWrapper); // Add the block to the sidebar
			console.log("Menu added to sidebar.");
			} else {
			console.log("No pages found in the category.");
			}
			}).fail(function () {
			console.error("API request failed.");
			});

			// Optional: Add space at the bottom of the new menu block
			$("#custom-category-wrapper").css("margin-bottom", "10px");
			});

TheFatherMind: Replaced content with ""

2025-03-13T01:55:14Z

Replaced content with ""

← Older revision		Revision as of 01:55, 13 March 2025
Line 1:		Line 1:
	~~mw.loader.using(['mediawiki.api']).then(function () {~~		<!--- --->
	~~var category = "Resources"; // The name of the category~~
	~~var sidebar = $("div#site-navigation"); // Target the site-navigation container~~

	~~// Log to ensure we're targeting the correct container~~
	~~if (sidebar.length === 0) {~~
	~~console.error("Sidebar container not found");~~
	~~return;~~
	}

	~~console.log("Sidebar container found, loading menu...");~~

	~~// Create a new wrapper for the custom menu~~
	~~var $menuWrapper = $("~~<~~div>").addClass("portal").attr("id", "custom~~-~~category~~-~~wrapper");~~

	~~// Create a new block for the menu~~
	~~var $menuBlock = $("<div>").addClass("portal~~-~~body").attr("id", "custom~~-~~category~~-~~menu");~~
	~~var $heading = $("<h3>").addClass("portal~~-~~heading").text("" + category);~~
	~~var $list = $("<ul>").addClass("portal-body");~~

	~~new mw.Api().get({~~
	~~action: "query",~~
	~~list: "categorymembers",~~
	~~cmtitle: "Category:" + category,~~
	~~cmlimit: 10,~~
	~~format: "json"~~
	~~}).done(function (data) {~~
	~~if (data.query && data.query.categorymembers.length > 0) {~~
	~~data.query.categorymembers.forEach(function (page) {~~
	~~$list.append($("<li>").append($("<a>").attr("href", mw.util.getUrl(page.title)).text(page.title)));~~
	~~});~~

	~~// Append the heading and list to the new block~~
	~~$menuBlock.append($heading).append($list);~~

	~~// Add a <br/~~> ~~at the end of the list~~
	~~$menuBlock.append("<br/>");~~

	~~// Append the new block to the wrapper~~
	~~$menuWrapper.append($menuBlock);~~

	~~// Insert the new wrapper into the site-navigation container~~
	~~sidebar.append($menuWrapper); // Add the block to the sidebar~~
	~~console.log("Menu added to sidebar.");~~
	~~} else {~~
	~~console.log("No pages found in the category.");~~
	}
	~~}).fail(function () {~~
	~~console.error("API request failed.");~~
	~~});~~

	~~// Optional: Add space at the bottom of the new menu block~~
	~~$("#custom-category-wrapper").css("margin-bottom", "10px");~~
	~~});~~

TheFatherMind at 07:21, 7 March 2025

2025-03-07T07:21:31Z

← Older revision		Revision as of 07:21, 7 March 2025
Line 16:		Line 16:
	// Create a new block for the menu		// Create a new block for the menu
	var $menuBlock = $("<div>").addClass("portal-body").attr("id", "custom-category-menu");		var $menuBlock = $("<div>").addClass("portal-body").attr("id", "custom-category-menu");
	var $heading = $("<h3>").addClass("portal-heading").text("~~Pages in~~ " + category);		var $heading = $("<h3>").addClass("portal-heading").text("" + category);
	var $list = $("<ul>").addClass("portal-body");		var $list = $("<ul>").addClass("portal-body");

TheFatherMind at 07:20, 7 March 2025

2025-03-07T07:20:08Z

← Older revision		Revision as of 07:20, 7 March 2025
Line 33:		Line 33:
	// Append the heading and list to the new block		// Append the heading and list to the new block
	$menuBlock.append($heading).append($list);		$menuBlock.append($heading).append($list);

			// Add a <br/> at the end of the list
			$menuBlock.append("<br/>");

	// Append the new block to the wrapper		// Append the new block to the wrapper

TheFatherMind at 07:16, 7 March 2025

2025-03-07T07:16:39Z

← Older revision		Revision as of 07:16, 7 March 2025
Line 47:		Line 47:
	});		});

	// ~~Optionally hide~~ the ~~old category~~ menu ~~(if it exists)~~		// Optional: Add space at the bottom of the new menu block
	$("#p-~~navigation~~").~~hide~~();		$("#custom-category-wrapper").css("margin-bottom", "10px");
	});		});

TheFatherMind at 07:14, 7 March 2025

2025-03-07T07:14:32Z

← Older revision		Revision as of 07:14, 7 March 2025
Line 1:		Line 1:
	mw.loader.using(['mediawiki.api']).then(function () {		mw.loader.using(['mediawiki.api']).then(function () {
	var category = "Resources"; // The name of the category		var category = "Resources"; // The name of the category
	var sidebar = $("div~~[id='sidebar'], div[id='p~~-navigation']"); // ~~More general selector~~		var sidebar = $("div#site-navigation"); // Target the site-navigation container

			// Log to ensure we're targeting the correct container
	if (sidebar.length === 0) {		if (sidebar.length === 0) {
	console.error("Sidebar container not found");		console.error("Sidebar container not found");
Line 10:		Line 11:
	console.log("Sidebar container found, loading menu...");		console.log("Sidebar container found, loading menu...");

	// Create a new ~~block~~ for the menu (~~with~~ a ~~unique ID)~~		// Create a new wrapper for the custom menu
	var $menuBlock = $("<div>").addClass("portal").attr("id", "custom-category-menu");		var $menuWrapper = $("<div>").addClass("portal").attr("id", "custom-category-wrapper");

			// Create a new block for the menu
			var $menuBlock = $("<div>").addClass("portal-body").attr("id", "custom-category-menu");
	var $heading = $("<h3>").addClass("portal-heading").text("Pages in " + category);		var $heading = $("<h3>").addClass("portal-heading").text("Pages in " + category);
	var $list = $("<ul>").addClass("portal-body");		var $list = $("<ul>").addClass("portal-body");
Line 26:		Line 30:
	$list.append($("<li>").append($("<a>").attr("href", mw.util.getUrl(page.title)).text(page.title)));		$list.append($("<li>").append($("<a>").attr("href", mw.util.getUrl(page.title)).text(page.title)));
	});		});

	~~// Log to confirm we have data~~
	~~console.log("Category pages found:", data.query.categorymembers);~~

	// Append the heading and list to the new block		// Append the heading and list to the new block
	$menuBlock.append($heading).append($list);		$menuBlock.append($heading).append($list);

	// Insert the new ~~block~~ into the ~~sidebar~~ container		// Append the new block to the wrapper
	sidebar.append($~~menuBlock~~); // Add the block to the sidebar		$menuWrapper.append($menuBlock);

			// Insert the new wrapper into the site-navigation container
			sidebar.append($menuWrapper); // Add the block to the sidebar
	console.log("Menu added to sidebar.");		console.log("Menu added to sidebar.");
	} else {		} else {
Line 42:		Line 46:
	console.error("API request failed.");		console.error("API request failed.");
	});		});

			// Optionally hide the old category menu (if it exists)
			$("#p-navigation").hide();
	});		});

TheFatherMind at 07:11, 7 March 2025

2025-03-07T07:11:52Z

← Older revision		Revision as of 07:11, 7 March 2025
Line 1:		Line 1:
	mw.loader.using(['mediawiki.api']).then(function () {		mw.loader.using(['mediawiki.api']).then(function () {
	var category = "Resources"; // The name of the category		var category = "Resources"; // The name of the category
	var sidebar = $("~~#left~~-navigation"); // ~~Targeting the left sidebar container~~		var sidebar = $("div[id='sidebar'], div[id='p-navigation']"); // More general selector

	~~// Log to ensure we're targeting the correct container~~
	if (sidebar.length === 0) {		if (sidebar.length === 0) {
	console.error("Sidebar container not found");		console.error("Sidebar container not found");
Line 34:		Line 33:
	$menuBlock.append($heading).append($list);		$menuBlock.append($heading).append($list);

	// Insert the new block into the ~~left~~ sidebar container		// Insert the new block into the sidebar container
	sidebar.append($menuBlock); // Add the block to the sidebar		sidebar.append($menuBlock); // Add the block to the sidebar
	console.log("Menu added to sidebar.");		console.log("Menu added to sidebar.");

TheFatherMind at 07:10, 7 March 2025

2025-03-07T07:10:07Z

← Older revision		Revision as of 07:10, 7 March 2025
Line 3:		Line 3:
	var sidebar = $("#left-navigation"); // Targeting the left sidebar container		var sidebar = $("#left-navigation"); // Targeting the left sidebar container

			// Log to ensure we're targeting the correct container
	if (sidebar.length === 0) {		if (sidebar.length === 0) {
	console.error("Sidebar container not found");		console.error("Sidebar container not found");
Line 26:		Line 27:
	$list.append($("<li>").append($("<a>").attr("href", mw.util.getUrl(page.title)).text(page.title)));		$list.append($("<li>").append($("<a>").attr("href", mw.util.getUrl(page.title)).text(page.title)));
	});		});

			// Log to confirm we have data
			console.log("Category pages found:", data.query.categorymembers);

	// Append the heading and list to the new block		// Append the heading and list to the new block
Line 31:		Line 35:

	// Insert the new block into the left sidebar container		// Insert the new block into the left sidebar container
	sidebar.append($menuBlock); // ~~This ensures~~ the block ~~goes directly into~~ the ~~left~~ sidebar		sidebar.append($menuBlock); // Add the block to the sidebar

	console.log("Menu added to sidebar.");		console.log("Menu added to sidebar.");
	} else {		} else {

TheFatherMind at 07:07, 7 March 2025

2025-03-07T07:07:49Z

← Older revision		Revision as of 07:07, 7 March 2025
Line 1:		Line 1:
	mw.loader.using(['mediawiki.api']).then(function () {		mw.loader.using(['mediawiki.api']).then(function () {
	var category = "Resources"; // The name of the category		var category = "Resources"; // The name of the category
	var sidebar = $("~~.sidebar~~-~~chunk~~"); // ~~Target~~ the sidebar ~~chunk~~		var sidebar = $("#left-navigation"); // Targeting the left sidebar container

	if (sidebar.length === 0) {		if (sidebar.length === 0) {
Line 30:		Line 30:
	$menuBlock.append($heading).append($list);		$menuBlock.append($heading).append($list);

	// Insert the new block ~~as a completely new section in~~ the sidebar		// Insert the new block into the left sidebar container
	sidebar.~~last().after~~($menuBlock); // This ~~places it below~~ the ~~last existing section in~~ the sidebar		sidebar.append($menuBlock); // This ensures the block goes directly into the left sidebar

	console.log("Menu added to sidebar.");		console.log("Menu added to sidebar.");