MediaWiki:Common.js - Revision history

Admin: Add geo dashboard script: Users by Country with day/week/month periods, activity chart, world map

2026-05-12T05:10:56Z

Add geo dashboard script: Users by Country with day/week/month periods, activity chart, world map

Admin at 07:20, 11 May 2026

2026-05-11T07:20:33Z

← Older revision		Revision as of 07:20, 11 May 2026
Line 843:		Line 843:
	var apiBase = mw.util.wikiScript('api');		var apiBase = mw.util.wikiScript('api');
	var allRows = [];		var allRows = [];
			var tableBody = null;
			var statusSpan = null;

	~~function getTableBody() {~~
	~~var table = document.getElementById('article-overview-table');~~
	~~if (!table) return null;~~
	~~var tb = table.querySelector('tbody');~~
	~~return tb;~~
	}

	~~// Inject the Download button and status span above the table~~
	$(document).ready(function() {		$(document).ready(function() {
	var wrapper = document.getElementById('article-overview-wrapper');		var wrapper = document.getElementById('article-overview-wrapper');
	~~var table = document.getElementById('article-overview-table');~~		if (!wrapper) return;
	if (!wrapper ~~\|\| !table~~) return;

	// ~~Create or find~~ controls ~~div~~		// Build controls row with button + status
	var ~~controls = document.getElementById('article-overview-controls');~~		var controls = document.createElement('div');
	~~if (!controls) {~~		controls.style.marginBottom = '14px';
	controls = document.createElement('div');
	~~controls.id = 'article-overview-controls';~~
	~~controls.style.marginBottom = '14px';~~
	~~wrapper.insertBefore(controls, table~~);
	~~} else {~~
	controls.style.marginBottom = '14px';
	}

	~~// Create Download button~~
	var btn = document.createElement('button');		var btn = document.createElement('button');
	~~btn.id = 'download-csv-btn';~~
	btn.textContent = 'Download CSV';		btn.textContent = 'Download CSV';
	btn.style.cssText = 'background-color:#e07b00;color:#fff;padding:9px 20px;border:none;border-radius:5px;font-size:14px;font-weight:bold;cursor:pointer;letter-spacing:0.3px;';		btn.style.cssText = 'background-color:#e07b00;color:#fff;padding:9px 20px;border:none;border-radius:5px;font-size:14px;font-weight:bold;cursor:pointer;letter-spacing:0.3px;';
Line 876:		Line 860:
	controls.appendChild(btn);		controls.appendChild(btn);

	~~// Create status span~~		statusSpan = document.createElement('span');
	~~var~~ statusSpan = document.createElement('span');
	~~statusSpan.id = 'overview-status'~~;
	statusSpan.style.cssText = 'margin-left:14px;font-size:13px;color:#aaa;vertical-align:middle;';		statusSpan.style.cssText = 'margin-left:14px;font-size:13px;color:#aaa;vertical-align:middle;';
			statusSpan.textContent = 'Loading…';
	controls.appendChild(statusSpan);		controls.appendChild(statusSpan);
			wrapper.appendChild(controls);

			// Build table
			var table = document.createElement('table');
			table.style.cssText = 'width:100%;border-collapse:collapse;font-size:13px;';

			var thead = document.createElement('thead');
			var headerRow = document.createElement('tr');
			headerRow.style.cssText = 'background-color:#2a2a2a;color:#f0a500;text-align:left;';
			var cols = ['Category', 'Subcategory', 'Title', 'Words', 'Focus'];
			cols.forEach(function(colName, i) {
			var th = document.createElement('th');
			th.textContent = colName;
			th.style.cssText = 'padding:9px 12px;border:1px solid #444;' + (colName === 'Words' ? 'text-align:right;' : '');
			headerRow.appendChild(th);
			});
			thead.appendChild(headerRow);
			table.appendChild(thead);

			tableBody = document.createElement('tbody');
			tableBody.innerHTML = '<tr><td colspan="5" style="padding:12px;text-align:center;color:#aaa;font-style:italic;">Loading articles… please wait.</td></tr>';
			table.appendChild(tableBody);
			wrapper.appendChild(table);

	buildTable();		buildTable();
Line 908:		Line 914:

	function renderTable(rows) {		function renderTable(rows) {
	~~var tbody = getTableBody();~~		if (!tableBody) return;
	if (!~~tbody~~) return;
	if (!rows \|\| rows.length === 0) {		if (!rows \|\| rows.length === 0) {
	~~tbody~~.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#aaa;">No articles found.</td></tr>';		tableBody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#aaa;">No articles found.</td></tr>';
	return;		return;
	}		}
Line 925:		Line 930:
	html += '</tr>';		html += '</tr>';
	});		});
	~~tbody~~.innerHTML = html;		tableBody.innerHTML = html;
	}		}

	function buildTable() {		function buildTable() {
	~~var status = document.getElementById('overview-status');~~		if (statusSpan) statusSpan.textContent = 'Fetching categories…';
	if (~~status~~) ~~status~~.textContent = 'Fetching categories…';

	$.getJSON(apiBase, { action:'query', list:'allcategories', aclimit:500, format:'json' })		$.getJSON(apiBase, { action:'query', list:'allcategories', aclimit:500, format:'json' })
Line 940:		Line 944:

	if (totalCats === 0) {		if (totalCats === 0) {
	~~var tbody = getTableBody();~~		if (tableBody) tableBody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#aaa;">No categories found.</td></tr>';
	if (~~tbody~~) ~~tbody~~.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#aaa;">No categories found.</td></tr>';		if (statusSpan) statusSpan.textContent = '';
	if (~~status~~) ~~status~~.textContent = '';
	return;		return;
	}		}
Line 948:		Line 951:
	function checkDone() {		function checkDone() {
	processed++;		processed++;
	if (~~status~~) ~~status~~.textContent = 'Loading… (' + processed + '/' + totalCats + ' categories ~~processed~~)';		if (statusSpan) statusSpan.textContent = 'Loading… (' + processed + '/' + totalCats + ' categories)';
	if (processed === totalCats) {		if (processed === totalCats) {
	rows.sort(function(a,b){		rows.sort(function(a,b){
Line 959:		Line 962:
	allRows = rows;		allRows = rows;
	renderTable(rows);		renderTable(rows);
	if (~~status~~) ~~status~~.textContent = rows.length + ' article entries loaded.';		if (statusSpan) statusSpan.textContent = rows.length + ' article entries loaded.';
	}		}
	}		}
Line 998:		Line 1,001:
	})		})
	.fail(function() {		.fail(function() {
	~~var tbody = getTableBody();~~		if (tableBody) tableBody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#f55;">Error loading data. Check API access.</td></tr>';
	if (~~tbody~~) ~~tbody~~.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#f55;">Error loading data. Check API access.</td></tr>';
	});		});
	}		}

Admin at 07:17, 11 May 2026

2026-05-11T07:17:56Z

← Older revision		Revision as of 07:17, 11 May 2026
Line 843:		Line 843:
	var apiBase = mw.util.wikiScript('api');		var apiBase = mw.util.wikiScript('api');
	var allRows = [];		var allRows = [];

			function getTableBody() {
			var table = document.getElementById('article-overview-table');
			if (!table) return null;
			var tb = table.querySelector('tbody');
			return tb;
			}

	// Inject the Download button and status span above the table		// Inject the Download button and status span above the table
Line 850:		Line 857:
	if (!wrapper \|\| !table) return;		if (!wrapper \|\| !table) return;

	// Create controls div ~~if it doesn't exist~~		// Create or find controls div
	var controls = document.getElementById('article-overview-controls');		var controls = document.getElementById('article-overview-controls');
	if (!controls) {		if (!controls) {
Line 857:		Line 864:
	controls.style.marginBottom = '14px';		controls.style.marginBottom = '14px';
	wrapper.insertBefore(controls, table);		wrapper.insertBefore(controls, table);
			} else {
			controls.style.marginBottom = '14px';
	}		}

Line 899:		Line 908:

	function renderTable(rows) {		function renderTable(rows) {
	var tbody = ~~document.getElementById~~(~~'article-overview-body'~~);		var tbody = getTableBody();
	if (!tbody) return;		if (!tbody) return;
	if (!rows \|\| rows.length === 0) {		if (!rows \|\| rows.length === 0) {
Line 931:		Line 940:

	if (totalCats === 0) {		if (totalCats === 0) {
	var tbody = ~~document.getElementById~~(~~'article-overview-body'~~);		var tbody = getTableBody();
	if (tbody) tbody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#aaa;">No categories found.</td></tr>';		if (tbody) tbody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#aaa;">No categories found.</td></tr>';
	if (status) status.textContent = '';		if (status) status.textContent = '';
Line 989:		Line 998:
	})		})
	.fail(function() {		.fail(function() {
	var tbody = ~~document.getElementById~~(~~'article-overview-body'~~);		var tbody = getTableBody();
	if (tbody) tbody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#f55;">Error loading data. Check API access.</td></tr>';		if (tbody) tbody.innerHTML = '<tr><td colspan="5" style="padding:10px;text-align:center;color:#f55;">Error loading data. Check API access.</td></tr>';
	});		});

Admin at 07:15, 11 May 2026

2026-05-11T07:15:53Z

@@ Line 843: / Line 843: @@
    var apiBase = mw.util.wikiScript('api');
    var allRows = [];
    function getCategoryMembers(catName, cmtype, continueParam, accumulated, callback) {
@@ Line 982: / Line 1,014: @@
+   }
 })();

Admin at 07:13, 11 May 2026

2026-05-11T07:13:28Z

Show changes

Admin: Improve Users by Country counter with better UI and empty state handling

2026-05-03T20:32:37Z

Improve Users by Country counter with better UI and empty state handling

Show changes

Admin: Add Users by Country counter widget for Admin page

2026-05-03T20:29:18Z

Add Users by Country counter widget for Admin page

Show changes

Admin: Add permanent favicon

2026-05-01T12:49:29Z

Add permanent favicon

@@ Line 674: / Line 674: @@
      addImpressumToFooter();
+   }
 })();

Admin at 20:34, 30 April 2026

2026-04-30T20:34:30Z

@@ Line 648: / Line 648: @@
    } else {
      applyCatImages();
+   }
 })();

Admin at 16:31, 26 April 2026

2026-04-26T16:31:34Z

← Older revision		Revision as of 16:31, 26 April 2026
Line 2:		Line 2:
	(function() {		(function() {
	var s = document.createElement('style');		var s = document.createElement('style');
	s.textContent = '#ax-hero-logo img { filter: ~~sepia~~(1) saturate(~~4) hue-rotate(330deg~~) brightness(1.15) drop-shadow(0 0 20px rgba(255,120,0,0.9)) drop-shadow(0 0 50px rgba(255,80,0,0.5)); max-width:520px; width:80%; height:auto; display:inline-block; }';		s.textContent = '#ax-hero-logo img { filter: hue-rotate(200deg) saturate(8) brightness(1.6) drop-shadow(0 0 20px rgba(255,120,0,0.9)) drop-shadow(0 0 50px rgba(255,80,0,0.5)); max-width:520px; width:80%; height:auto; display:inline-block; }';
	document.head.appendChild(s);		document.head.appendChild(s);
	})();		})();