MediaWiki:Common.js - Revision history

Admin at 18:04, 29 May 2026

2026-05-29T18:04:55Z

← Older revision		Revision as of 18:04, 29 May 2026
Line 106:		Line 106:
	}		}
	});		});


	/**
	* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
	* loaded for all users on every wiki page. If possible create a gadget that is
	* enabled by default instead of adding it here (since gadgets are fully
	* optimized ResourceLoader modules with possibility to add dependencies etc.)
	*
	* Since Common.js isn't a gadget, there is no place to declare its
	* dependencies, so we have to lazy load them with mw.loader.using on demand and
	* then execute the rest in the callback. In most cases these dependencies will
	* be loaded (or loading) already and the callback will not be delayed. In case a
	* dependency hasn't arrived yet it'll make sure those are loaded before this.
	*/

	~~/* global mw, $ */~~
	~~/* jshint strict:false, browser:true */~~

Admin at 17:30, 29 May 2026

2026-05-29T17:30:55Z

← Older revision		Revision as of 17:30, 29 May 2026
Line 106:		Line 106:
	}		}
	});		});


			/**
			* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
			* loaded for all users on every wiki page. If possible create a gadget that is
			* enabled by default instead of adding it here (since gadgets are fully
			* optimized ResourceLoader modules with possibility to add dependencies etc.)
			*
			* Since Common.js isn't a gadget, there is no place to declare its
			* dependencies, so we have to lazy load them with mw.loader.using on demand and
			* then execute the rest in the callback. In most cases these dependencies will
			* be loaded (or loading) already and the callback will not be delayed. In case a
			* dependency hasn't arrived yet it'll make sure those are loaded before this.
			*/

			/* global mw, $ */
			/* jshint strict:false, browser:true */

Admin at 12:51, 29 May 2026

2026-05-29T12:51:37Z

Show changes

Admin at 12:38, 29 May 2026

2026-05-29T12:38:37Z

Show changes

Admin at 12:34, 29 May 2026

2026-05-29T12:34:05Z

Show changes

Admin at 12:27, 29 May 2026

2026-05-29T12:27:36Z

← Older revision		Revision as of 12:27, 29 May 2026
Line 89:		Line 89:
	if ($('#mippedia-data-btn').length) return;		if ($('#mippedia-data-btn').length) return;

	// Otak Cerdas ~~Baru~~: ~~Panggil API MediaWiki lokal buat nyari~~ link ~~image SVG yang valid~~		// Otak Cerdas: Ambil link render resolusi tinggi (64px) dari server agar tidak buram
	var api = new mw.Api();		var api = new mw.Api();
	api.get({		api.get({
Line 96:		Line 96:
	prop: 'imageinfo',		prop: 'imageinfo',
	iiprop: 'url',		iiprop: 'url',
	iiurlwidth: 15, ~~// Minta server MediaWiki render ukuran lebar 24px otomatis~~		iiurlwidth: 64,
	format: 'json'		format: 'json'
	}).done(function(data) {		}).done(function(data) {
Line 104:		Line 104:
	for (var id in pages) {		for (var id in pages) {
	if (pages[id].imageinfo && pages[id].imageinfo[0]) {		if (pages[id].imageinfo && pages[id].imageinfo[0]) {
	~~// Dapat URL render resmi berformat PNG/SVG yang didukung browser!~~
	imageUrl = pages[id].imageinfo[0].thumburl \|\| pages[id].imageinfo[0].url;		imageUrl = pages[id].imageinfo[0].thumburl \|\| pages[id].imageinfo[0].url;
	}		}
Line 112:		Line 111:
	}		}

	~~// Jika gagal dapet gambar, pakai fallback ikon dasar murni teks atau kosongan~~
	if (!imageUrl) return;		if (!imageUrl) return;

Line 119:		Line 117:
	href: domain + '/wiki/' + encodeURIComponent(name),		href: domain + '/wiki/' + encodeURIComponent(name),
	target: '_blank',		target: '_blank',
	style: 'position: absolute; right: ~~15px~~; top: ~~-5px~~; z-index: 1000; text-decoration: none; display: inline-block; transition: transform 0.2s;',		// top: 2px dan right: 12px disesuaikan agar pas di barisan menu mobile minerva
			style: 'position: absolute; right: 12px; top: 2px; z-index: 1000; text-decoration: none; display: inline-block; transition: transform 0.2s;',
	html: $('<img>', {		html: $('<img>', {
	src: imageUrl,		src: imageUrl,
	alt: 'Data Icon',		alt: 'Data Icon',
	style: 'height: ~~24px~~; width: ~~24px~~; display: block; vertical-align: middle;'		// Memaksa dimensi tampilan ke 20px agar seukuran dengan tombol bintang/edit bawaan
			style: 'height: 20px; width: 20px; display: block; opacity: 0.85; vertical-align: middle;'
	})		})
	});		});

	// Efek hover ~~interaktif~~		// Efek interaksi hover/touch tipis
	$btn.hover(		$btn.hover(
	function() { $(this).css('transform', 'scale(1.15)'); },		function() { $(this).css({ 'transform': 'scale(1.1)', 'opacity': '1' }); },
	function() { $(this).css('transform', 'scale(1.0)'); }		function() { $(this).css({ 'transform': 'scale(1.0)', 'opacity': '0.85' }); }
	);		);

	~~// Target penempatan tombol aksi di Minerva mobile / Desktop skin~~
	var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();		var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();

Line 139:		Line 138:
	$target.css('position', 'relative').append($btn);		$target.css('position', 'relative').append($btn);
	} else {		} else {
	~~// Fallback aman agar tidak nabrak teks judul halaman utama~~
	$('#firstHeading').css('position', 'relative').append($btn);		$('#firstHeading').css('position', 'relative').append($btn);
	$btn.css('top', '~~5px~~');		$btn.css('top', '8px');
	}		}
	});		});
	}		}
	});		});

Admin at 12:23, 29 May 2026

2026-05-29T12:23:33Z

← Older revision		Revision as of 12:23, 29 May 2026
Line 96:		Line 96:
	prop: 'imageinfo',		prop: 'imageinfo',
	iiprop: 'url',		iiprop: 'url',
	iiurlwidth: 24, // Minta server MediaWiki render ukuran lebar 24px otomatis		iiurlwidth: 15, // Minta server MediaWiki render ukuran lebar 24px otomatis
	format: 'json'		format: 'json'
	}).done(function(data) {		}).done(function(data) {

Admin at 12:21, 29 May 2026

2026-05-29T12:21:59Z

← Older revision		Revision as of 12:21, 29 May 2026
Line 9:		Line 9:
	var dataDomain = 'https://data.mippedia.org';		var dataDomain = 'https://data.mippedia.org';

	// Alamat API Mippedia Bahasa Indonesia ~~(Sesuaikan URL domainnya jika berbeda)~~		// Alamat API Mippedia Bahasa Indonesia
	var indonesianWikiApi = 'https://id.mippedia.org/api.php';		var indonesianWikiApi = 'https://id.mippedia.org/api.php';

Line 89:		Line 89:
	if ($('#mippedia-data-btn').length) return;		if ($('#mippedia-data-btn').length) return;

	// ~~⚠️ GANTI URL DI BAWAH INI dengan URL langsung (Direct Link) berkas ikon~~ yang ~~sudah lu upload~~		// Otak Cerdas Baru: Panggil API MediaWiki lokal buat nyari link image SVG yang valid
	var ~~iconUrl~~ = '~~https~~://en.~~mippedia~~.~~org~~/~~wiki~~/~~File:Locked_Data~~.~~svg~~';		var api = new mw.Api();
			api.get({
			action: 'query',
			titles: 'File:Locked_Data.svg',
			prop: 'imageinfo',
			iiprop: 'url',
			iiurlwidth: 24, // Minta server MediaWiki render ukuran lebar 24px otomatis
			format: 'json'
			}).done(function(data) {
			var imageUrl = '';
			try {
			var pages = data.query.pages;
			for (var id in pages) {
			if (pages[id].imageinfo && pages[id].imageinfo[0]) {
			// Dapat URL render resmi berformat PNG/SVG yang didukung browser!
			imageUrl = pages[id].imageinfo[0].thumburl \|\| pages[id].imageinfo[0].url;
			}
			}
			} catch (e) {
			imageUrl = '';
			}

			// Jika gagal dapet gambar, pakai fallback ikon dasar murni teks atau kosongan
			if (!imageUrl) return;

	var $btn = $('<a>', {		var $btn = $('<a>', {
	id: 'mippedia-data-btn',		id: 'mippedia-data-btn',
	href: domain + '/wiki/' + encodeURIComponent(name),		href: domain + '/wiki/' + encodeURIComponent(name),
	target: '_blank',		target: '_blank',
	style: 'position: absolute; right: ~~10px~~; top: -~~35px~~; z-index: 1000; text-decoration: none; display: inline-block; transition: transform 0.2s;',		style: 'position: absolute; right: 15px; top: -5px; z-index: 1000; text-decoration: none; display: inline-block; transition: transform 0.2s;',
	html: $('<img>', {		html: $('<img>', {
	src: ~~iconUrl~~,		src: imageUrl,
	alt: 'Data Icon',		alt: 'Data Icon',
	style: 'height: ~~22px~~; width: ~~auto~~; display: block; vertical-align: middle;'		style: 'height: 24px; width: 24px; display: block; vertical-align: middle;'
	})		})
	});		});

	// Efek hover interaktif ~~tipis-tipis biar keren saat didekati kursor~~		// Efek hover interaktif
	$btn.hover(		$btn.hover(
	function() { $(this).css('transform', 'scale(1.1)'); },		function() { $(this).css('transform', 'scale(1.15)'); },
	function() { $(this).css('transform', 'scale(1.0)'); }		function() { $(this).css('transform', 'scale(1.0)'); }
	);		);

	var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();		// Target penempatan tombol aksi di Minerva mobile / Desktop skin
			var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();
	if ($target.length) {
	$target.css('position', 'relative').append($btn);		if ($target.length) {
	} else {		$target.css('position', 'relative').append($btn);
	$('#firstHeading').css('position', 'relative').append($btn);		} else {
	}		// Fallback aman agar tidak nabrak teks judul halaman utama
			$('#firstHeading').css('position', 'relative').append($btn);
			$btn.css('top', '5px');
			}
			});
	}		}
	});		});

Admin at 12:11, 29 May 2026

2026-05-29T12:11:24Z

← Older revision		Revision as of 12:11, 29 May 2026
Line 88:		Line 88:
	function injectFloatingDataBtn(name, domain) {		function injectFloatingDataBtn(name, domain) {
	if ($('#mippedia-data-btn').length) return;		if ($('#mippedia-data-btn').length) return;

			// ⚠️ GANTI URL DI BAWAH INI dengan URL langsung (Direct Link) berkas ikon yang sudah lu upload
			var iconUrl = 'https://en.mippedia.org/wiki/File:Locked_Data.svg';

	var $btn = $('<a>', {		var $btn = $('<a>', {
Line 93:		Line 96:
	href: domain + '/wiki/' + encodeURIComponent(name),		href: domain + '/wiki/' + encodeURIComponent(name),
	target: '_blank',		target: '_blank',
	style: 'position: absolute; right: 10px; top: -~~32px~~; ~~background: #36c; color: #fff; padding: 4px 10px; border~~-~~radius~~: ~~4px; font-weight: bold; font-size: 10px~~; text-decoration: none; z-~~index~~: ~~1000~~; ~~box-shadow~~: ~~0 2px 4px rgba~~(0,0,~~0,0.1);~~',		style: 'position: absolute; right: 10px; top: -35px; z-index: 1000; text-decoration: none; display: inline-block; transition: transform 0.2s;',
	~~text~~: '~~DATA~~'		html: $('<img>', {
			src: iconUrl,
			alt: 'Data Icon',
			style: 'height: 22px; width: auto; display: block; vertical-align: middle;'
			})
	});		});

			// Efek hover interaktif tipis-tipis biar keren saat didekati kursor
			$btn.hover(
			function() { $(this).css('transform', 'scale(1.1)'); },
			function() { $(this).css('transform', 'scale(1.0)'); }
			);

	var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();		var $target = $('.page-actions-menu, .mw-editsection-visualeditor, #ca-edit, .minerva__tab-container').first();

Admin at 12:00, 29 May 2026

2026-05-29T12:00:22Z

Show changes