MediaWiki:Gadget-PopupsFix.js

/** * This script is a hack to make popups on items work. * * @author User:Bene* */ ( function( $, mw ) {	'use strict';

/**	 * Property which is used to find the thumbnail of an item. */	var imageProperty = 'P62';

// dont enable popups for all users, only add it when it is already loaded var state = mw.loader.getState( 'ext.popups.desktop' ); if ( !state || !state.match( /loading|loaded|ready/ ) ) { return; }

mw.loader.using( [ 'ext.popups.desktop' ], function {

var newLineIdentifier = '[br-' + Math.random + ']', beforeIdIdentifier = '[before-id-' + Math.random + ']', afterIdIdentifier = '[after-id-' + Math.random + ']';

/**		 * Creates a FAMEData specific popup. *		 * @param {jQuery.Promise} deferred * @param {string} title * @param {string} href */		function popupFAMEData( deferred, title, href ) { var id = title.replace( 'Property:', '' ), lang = mw.config.get( 'wgUserLanguage' );

// first request to get the entity's labels, descriptions and claims mw.popups.render.currentRequest = mw.popups.api.get( {				action: 'wbgetentities',				props: 'labels|descriptions|claims',				redirects: 'yes',				languages: lang,				languagefallback: true,				ids: id			} ); mw.popups.render.currentRequest.fail( deferred.reject ); mw.popups.render.currentRequest.done( function ( re ) {				mw.popups.render.currentRequest = undefined;

if (					!re.success ||					!re.entities ||					!re.entities[id] ||					!re.entities[id].labels ||					!re.entities[id].labels[lang] ||					!re.entities[id].descriptions ||					!re.entities[id].descriptions[lang]				) { deferred.reject; return; }

var entity = re.entities[id];

// hack: fake request because of bad api design var fakedRe = { extract: entity.labels[lang].value + beforeIdIdentifier + id + afterIdIdentifier + newLineIdentifier + entity.descriptions[lang].value, title: entity.labels[lang].value };

var file = '';

if ( entity.claims && entity.claims[imageProperty] ) { file = '|File:' + entity.claims[imageProperty][0].mainsnak.datavalue.value; }

// second request to get the revision of the entity and the thumbnail if an image was found mw.popups.render.currentRequest = mw.popups.api.get( {					action: 'query',					prop: 'imageinfo|revisions',					iiprop: 'url|size',					iilimit: 1,					iiurlwidth: 300 * $.bracketedDevicePixelRatio, // scaledThumbSize					rvprop: 'timestamp',					rvlimit: 1,					titles: title + file				} );

mw.popups.render.currentRequest.fail( deferred.reject ); mw.popups.render.currentRequest.done( function ( re ) {					mw.popups.render.currentRequest = undefined;

if (						!re.query ||						!re.query.pages					) { deferred.reject; return; }

var pageId; for ( var i in re.query.pages ) { if ( i > 0 ) { pageId = i;						} }

fakedRe.revisions = re.query.pages[pageId].revisions;

if ( re.query.pages[-1] && re.query.pages[-1].imageinfo ) { fakedRe.thumbnail = { source: re.query.pages[-1].imageinfo[0].thumburl, width: re.query.pages[-1].imageinfo[0].thumbwidth, height: re.query.pages[-1].imageinfo[0].thumbheight };					}

mw.popups.render.cache[ href ] = {}; mw.popups.render.cache[ href ].popup = mw.popups.render.renderers.article.createPopup( fakedRe, href ); mw.popups.render.cache[ href ].getOffset = mw.popups.render.renderers.article.getOffset; mw.popups.render.cache[ href ].getClasses = mw.popups.render.renderers.article.getClasses; mw.popups.render.cache[ href ].process = mw.popups.render.renderers.article.processPopup; deferred.resolve; } );			} );		}

/**		 * Code stolen from the popup extension itself to create the default popup. *		 * @param {jQuery.Promise} deferred * @param {string} title * @param {string} href */		function popupDefault( deferred, title, href ) { mw.popups.render.currentRequest = mw.popups.api.get( {				action: 'query',				prop: 'extracts|pageimages|revisions',				formatversion: 2,				redirects: true,				exintro: true,				exsentences: 2,				// there is an added geometric limit on .mwe-popups-extract				// so that text does not overflow from the card				explaintext: true,				piprop: 'thumbnail',				pithumbsize: 300 * $.bracketedDevicePixelRatio, // scaledThumbSize				rvprop: 'timestamp',				titles: title,				smaxage: 300,				maxage: 300,				uselang: 'content'			} );

mw.popups.render.currentRequest.fail( deferred.reject ); mw.popups.render.currentRequest.done( function ( re ) {				mw.popups.render.currentRequest = undefined;

if (					!re.query ||					!re.query.pages ||					!re.query.pages[0].extract ||					re.query.pages[0].extract === ''				) { // Restore the title attribute and set flag if ( link.data( 'dont-empty-title' ) !== true ) { link .attr( 'title', link.data( 'title' ) ) .removeData( 'title' ) .data( 'dont-empty-title', true ); }					deferred.reject; return; }

mw.popups.render.cache[ href ] = {}; mw.popups.render.cache[ href ].popup = mw.popups.render.renderers.article.createPopup( re.query.pages[0], href ); mw.popups.render.cache[ href ].getOffset = mw.popups.render.renderers.article.getOffset; mw.popups.render.cache[ href ].getClasses = mw.popups.render.renderers.article.getClasses; mw.popups.render.cache[ href ].process = mw.popups.render.renderers.article.processPopup; deferred.resolve; } );		}

/**		 * Send an API request and cache the jQuery element *		 * @param {jQuery} link * @return {jQuery.Promise} */		mw.popups.render.renderers.article.init = function ( link ) { var href = link.attr( 'href' ), title = mw.popups.getTitle( href ), deferred = $.Deferred;

if ( !title ) { return deferred.reject.promise; }

if ( title.match( /^Q[0-9]+/ ) || title.match( /^Property:P[0-9]+/ ) ) { popupFAMEData( deferred, title, href ); } else { popupDefault( deferred, title, href ); }			return deferred.promise; };

var getProcessedElements = mw.popups.render.renderers.article.getProcessedElements;

mw.popups.render.renderers.article.getProcessedElements = function( extract, title ) { var elements = getProcessedElements.apply( this, [ extract, title ] ); var html = $( ' ' ).append( elements ).html .replace( newLineIdentifier, ' ' ) .replace( beforeIdIdentifier, ' (' )				.replace( afterIdIdentifier, ') ');

return ' ' + html + ' '; };

mw.hook( 'wikipage.content').add( function( $content ) {			var $elements = $content.find( 'a[href^="/wiki/Property:"]' );			mw.popups.removeTooltip( $elements );			mw.popups.setupTriggers( $elements );		} );

} ); } )( jQuery, mediaWiki );