MediaWiki:Common.js - Revision history

Hugin8484: More tweaks to login button

2026-04-13T18:52:22Z

More tweaks to login button

← Older revision		Revision as of 18:52, 13 April 2026
Line 557:		Line 557:

	// OAuth Popup		// OAuth Popup
	$('~~div~~#~~personal~~').click(function(){		$('button#discord-login').click(function(){
	articlePath = mw.config.get('wgArticlePath');		articlePath = mw.config.get('wgArticlePath');
	url = articlePath.replace('$1', 'Special:OAuth2Client/redirect?returnto=Special:OAuth2Client/close');		url = articlePath.replace('$1', 'Special:OAuth2Client/redirect?returnto=Special:OAuth2Client/close');

Hugin8484: UI tweak

2026-04-10T18:01:42Z

UI tweak

← Older revision		Revision as of 18:01, 10 April 2026
Line 562:		Line 562:
	var left = (screen.width/2) - 200;		var left = (screen.width/2) - 200;
	var above = (screen.height/2) - 200;		var above = (screen.height/2) - 200;
	newwindow = window.open(url, "_blank", "resizable=yes, scrollbars=yes, titlebar=yes, width~~=400, height~~=400, top="+above+", left="+left);		newwindow = window.open(url, "_blank", "resizable=yes, scrollbars=yes, titlebar=yes, width=400, top="+above+", left="+left);
	return false;		return false;
	})		})

Hugin8484: Fixed hook for Discord login

2026-04-10T17:53:11Z

Fixed hook for Discord login

← Older revision		Revision as of 17:53, 10 April 2026
Line 557:		Line 557:

	// OAuth Popup		// OAuth Popup
	$('li#~~pt-anon_oauth_login a~~').click(function(){		$('div#personal').click(function(){
	articlePath = mw.config.get('wgArticlePath');		articlePath = mw.config.get('wgArticlePath');
	url = articlePath.replace('$1', 'Special:OAuth2Client/redirect?returnto=Special:OAuth2Client/close');		url = articlePath.replace('$1', 'Special:OAuth2Client/redirect?returnto=Special:OAuth2Client/close');

HuginBot: Added OAuth popup

2026-04-10T17:43:17Z

Added OAuth popup

← Older revision		Revision as of 17:43, 10 April 2026
Line 555:		Line 555:
	}, 500); // 500ms delay to help on slower devices		}, 500); // 500ms delay to help on slower devices
	});		});

			// OAuth Popup
			$('li#pt-anon_oauth_login a').click(function(){
			articlePath = mw.config.get('wgArticlePath');
			url = articlePath.replace('$1', 'Special:OAuth2Client/redirect?returnto=Special:OAuth2Client/close');
			var left = (screen.width/2) - 200;
			var above = (screen.height/2) - 200;
			newwindow = window.open(url, "_blank", "resizable=yes, scrollbars=yes, titlebar=yes, width=400, height=400, top="+above+", left="+left);
			return false;
			})
			if (mw.config.get('wgTitle') == 'OAuth2Client/close') {
			window.opener.location.reload();
			window.close();
			}

Aramachus: sorting should now work on mobile

2024-11-14T18:50:53Z

sorting should now work on mobile

← Older revision		Revision as of 18:50, 14 November 2024
Line 549:		Line 549:
	// If the header cell exists, simulate a click on it to trigger sorting		// If the header cell exists, simulate a click on it to trigger sorting
	if (headerCell) {		if (headerCell) {
	~~// Ensure the header cell is in the viewport before clicking~~
	~~// headerCell.scrollIntoView({ behavior: 'smooth', block: 'center' });~~

	headerCell.click()		headerCell.click()
	~~// Support both "click" and "touchstart" for mobile devices~~
	~~// headerCell.dispatchEvent(new Event('click', { bubbles: true }));~~
	~~// headerCell.dispatchEvent(new Event('touchstart', { bubbles: true }));~~
	}		}
	}		}

Aramachus at 18:48, 14 November 2024

2024-11-14T18:48:48Z

← Older revision		Revision as of 18:48, 14 November 2024
Line 550:		Line 550:
	if (headerCell) {		if (headerCell) {
	// Ensure the header cell is in the viewport before clicking		// Ensure the header cell is in the viewport before clicking
	headerCell.scrollIntoView({ behavior: 'smooth', block: 'center' });		// headerCell.scrollIntoView({ behavior: 'smooth', block: 'center' });

			headerCell.click()
	// Support both "click" and "touchstart" for mobile devices		// Support both "click" and "touchstart" for mobile devices
	headerCell.dispatchEvent(new Event('click', { bubbles: true }));		// headerCell.dispatchEvent(new Event('click', { bubbles: true }));
	headerCell.dispatchEvent(new Event('touchstart', { bubbles: true }));		// headerCell.dispatchEvent(new Event('touchstart', { bubbles: true }));
	}		}
	}		}

Aramachus: added a couple of stuff to the sorting function to make it work on mobile

2024-11-13T18:02:28Z

added a couple of stuff to the sorting function to make it work on mobile

← Older revision		Revision as of 18:02, 13 November 2024
Line 522:		Line 522:

	window.addEventListener('load', function() {		window.addEventListener('load', function() {
	// Select all tables with classes that match "sort-col-1" through "sort-col-6"		// Add a small delay to ensure everything is loaded, especially on slower mobile networks
	var tables = document.querySelectorAll('.sortable.sort-col-1, .sortable.sort-col-2, .sortable.sort-col-3, .sortable.sort-col-4, .sortable.sort-col-5, .sortable.sort-col-6');		setTimeout(function() {
			// Select all tables with classes that match "sort-col-1" through "sort-col-6"
			var tables = document.querySelectorAll('.sortable.sort-col-1, .sortable.sort-col-2, .sortable.sort-col-3, .sortable.sort-col-4, .sortable.sort-col-5, .sortable.sort-col-6');

	// Loop through each table and determine the column to sort by based on its class		// Loop through each table and determine the column to sort by based on its class
	Array.prototype.forEach.call(tables, function(table) {		Array.prototype.forEach.call(tables, function(table) {
	// Find which "sort-col-X" class is applied to the table		// Find which "sort-col-X" class is applied to the table
	var classList = Array.prototype.slice.call(table.classList);		var classList = Array.prototype.slice.call(table.classList);
	var sortClass = null;		var sortClass = null;

	for (var i = 0; i < classList.length; i++) {		for (var i = 0; i < classList.length; i++) {
	if (classList[i].indexOf('sort-col-') === 0) {		if (classList[i].indexOf('sort-col-') === 0) {
	sortClass = classList[i];		sortClass = classList[i];
	break;		break;
			}
	}		}
	}

	if (sortClass) {		if (sortClass) {
	// Extract the column number from the class name (e.g., "sort-col-3" => 3)		// Extract the column number from the class name (e.g., "sort-col-3" => 3)
	var columnIndex = parseInt(sortClass.replace('sort-col-', ''), 10) - 1; // Convert to 0-based index		var columnIndex = parseInt(sortClass.replace('sort-col-', ''), 10) - 1; // Convert to 0-based index

	// Find the header cell for the specified column index		// Find the header cell for the specified column index
	var headerCell = table.querySelectorAll('th')[columnIndex];		var headerCell = table.querySelectorAll('th')[columnIndex];

	// If the header cell exists, simulate a click on it to trigger sorting		// If the header cell exists, simulate a click on it to trigger sorting
	if (headerCell) {		if (headerCell) {
	headerCell.click();		// Ensure the header cell is in the viewport before clicking
			headerCell.scrollIntoView({ behavior: 'smooth', block: 'center' });

			// Support both "click" and "touchstart" for mobile devices
			headerCell.dispatchEvent(new Event('click', { bubbles: true }));
			headerCell.dispatchEvent(new Event('touchstart', { bubbles: true }));
			}
	}		}
	}		});
	});		}, 500); // 500ms delay to help on slower devices
	});		});

Aramachus at 13:55, 13 November 2024

2024-11-13T13:55:38Z

← Older revision		Revision as of 13:55, 13 November 2024
Line 551:		Line 551:
	}		}
	});		});
	~~});~~


	});		});

Aramachus: code too modern for mediawiki, used older syntax

2024-11-13T13:53:45Z

code too modern for mediawiki, used older syntax

← Older revision		Revision as of 13:53, 13 November 2024
Line 523:		Line 523:
	window.addEventListener('load', function() {		window.addEventListener('load', function() {
	// Select all tables with classes that match "sort-col-1" through "sort-col-6"		// Select all tables with classes that match "sort-col-1" through "sort-col-6"
	~~const~~ tables = document.querySelectorAll('.sortable.sort-col-1, .sortable.sort-col-2, .sortable.sort-col-3, .sortable.sort-col-4, .sortable.sort-col-5, .sortable.sort-col-6');		var tables = document.querySelectorAll('.sortable.sort-col-1, .sortable.sort-col-2, .sortable.sort-col-3, .sortable.sort-col-4, .sortable.sort-col-5, .sortable.sort-col-6');

	// Loop through each table and determine the column to sort by based on its class		// Loop through each table and determine the column to sort by based on its class
	~~tables~~.forEach((table) => {		Array.prototype.forEach.call(tables, function(table) {
	// Find which "sort-col-X" class is applied to the table		// Find which "sort-col-X" class is applied to the table
	~~const~~ classList = Array.~~from~~(table.classList);		var classList = Array.prototype.slice.call(table.classList);
	~~const~~ sortClass = classList.~~find~~(~~cls => cls~~.~~startsWith~~('sort-col-'));		var sortClass = null;

			for (var i = 0; i < classList.length; i++) {
			if (classList[i].indexOf('sort-col-') === 0) {
			sortClass = classList[i];
			break;
			}
			}

	if (sortClass) {		if (sortClass) {
	// Extract the column number from the class name (e.g., "sort-col-3" => 3)		// Extract the column number from the class name (e.g., "sort-col-3" => 3)
	~~const~~ columnIndex = parseInt(sortClass.replace('sort-col-', ''), 10) - 1; // Convert to 0-based index		var columnIndex = parseInt(sortClass.replace('sort-col-', ''), 10) - 1; // Convert to 0-based index

	// Find the header cell for the specified column index		// Find the header cell for the specified column index
	~~const~~ headerCell = table.querySelectorAll('th')[columnIndex];		var headerCell = table.querySelectorAll('th')[columnIndex];

	// If the header cell exists, simulate a click on it to trigger sorting		// If the header cell exists, simulate a click on it to trigger sorting
Line 545:		Line 552:
	});		});
	});		});


	});		});

Aramachus: changed sorting function

2024-11-13T13:50:33Z

changed sorting function

← Older revision		Revision as of 13:50, 13 November 2024
Line 519:		Line 519:

	// function that sorts a table on page load		// function that sorts a table on page load
	// based on the column header which has the ~~class~~ sort-~~on-page-load~~-1 or sort-~~on-page-load~~-2		// based on the column header which has one of the classes sort-col-1, sort-col-2, ...

	window.addEventListener('load', function() {		window.addEventListener('load', function() {
	// Select ~~the sortable table~~		// Select all tables with classes that match "sort-col-1" through "sort-col-6"
	const ~~headerCellSort1~~ = document.~~querySelector~~('.sort-on-~~page~~-~~load~~-1');		const tables = document.querySelectorAll('.sortable.sort-col-1, .sortable.sort-col-2, .sortable.sort-col-3, .sortable.sort-col-4, .sortable.sort-col-5, .sortable.sort-col-6');
	const ~~headerCellSort2~~ = ~~document~~.~~querySelector~~('.sort-on-~~page~~-~~load~~-2');
			// Loop through each table and determine the column to sort by based on its class
	// ~~Simulate~~ a click on ~~the header cell~~ to trigger sorting		tables.forEach((table) => {
	if (~~headerCellSort1~~) {		// Find which "sort-col-X" class is applied to the table
	~~headerCellSort1~~.click();		const classList = Array.from(table.classList);
	}		const sortClass = classList.find(cls => cls.startsWith('sort-col-'));
	~~if (headerCellSort2~~) {
	~~headerCellSort2.click().click(~~);		if (sortClass) {
	}		// Extract the column number from the class name (e.g., "sort-col-3" => 3)
			const columnIndex = parseInt(sortClass.replace('sort-col-', ''), 10) - 1; // Convert to 0-based index

			// Find the header cell for the specified column index
			const headerCell = table.querySelectorAll('th')[columnIndex];

			// If the header cell exists, simulate a click on it to trigger sorting
			if (headerCell) {
			headerCell.click();
			}
			}
			});
			});

	});		});