MediaWiki:Common.js - Revision history

imported>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');

imported>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;
	})		})

imported>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');

imported>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();
			}

imported>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 }));
	}		}
	}		}

imported>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 }));
	}		}
	}		}

imported>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() {
			// Add a small delay to ensure everything is loaded, especially on slower mobile networks
⚫	// Select all tables with classes that match "sort-col-1" through "sort-col-6"
			setTimeout(function() {
⚫	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');
		⚫	// 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) {
			// Ensure the header cell is in the viewport before clicking
⚫	~~headerCell.click();~~
			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
	});
	});		});

imported>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:
	}		}
	});		});
	});


	});		});

imported>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:
	});		});
	});		});


	});		});

imported>Aramachus: changed sorting function

2024-11-13T13:50:33Z

changed sorting function

@@ Line 519: / Line 519: @@
 // 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() {
-        headerCellSort1.click();
+        const classList = Array.from(table.classList);
-        headerCellSort2.click().click();
+        if (sortClass) {
 });