MediaWiki:Gadget-tradLink.js

/** 
 * Considera il testo selezionato come il titolo di una voce straniera, e lo
 * trasforma nel titolo dell'equivalente voce italiana
 */

/* global mediaWiki, jQuery, OO */
( function( mw, $ ) {
	'use strict';
	
	var cookieName = 'tradLinkLangs';
	var windowManager, optDialog;

	/** 
	 * Basato su [[Special:Permalink/109422525]] e gli esempi su mw.org
	 */
	function showDialog() {
		if ( optDialog ) {
			windowManager.openWindow( optDialog );
			return;
		}

		mw.util.addCSS(
			'.tradlinks-buttons { width: 100%; text-align: center; margin-top: 10px }' +
			'.tradlinks-error { color: red; font-size: 120%; font-weight: bold; text-align:center }'
		);
		function OptDialog( config ) {
			OptDialog.parent.call( this, config );
		}
		// TODO Valutare se sia possibile usare un ProcessDialog
		OO.inheritClass( OptDialog, OO.ui.Dialog );
		OptDialog.static.name = 'optDialog';
		// XXX Questo non viene visualizzato nei Dialog di base
		OptDialog.static.title = 'Configurazione del tool TradLink';
		OptDialog.prototype.initialize = function () {
			var self = this;
			OptDialog.parent.prototype.initialize.call( this );

			this.errorContainer = new OO.ui.LabelWidget( {
				label: ''
			} );
			this.addError = function ( error ) {
				self.errorContainer.setLabel(
					new OO.ui.HtmlSnippet( '<span class="tradlinks-error">' + error + '</span>' )
				);
			};
			this.clearError = function () {
				self.errorContainer.setLabel( '' );
			};

			this.fields = [];
			var lingue = getLingue();
			var count = 1;
			lingue.forEach( function( val ) {
				var input = new OO.ui.TextInputWidget( { 
					value: val || '',
					maxLength: 3
				} );
				input.on( 'change', self.clearError );
				var field = new OO.ui.FieldLayout(
					input,
					{
						label: 'Alt+' + count + ':',
						align: 'left'
					}
				);
				self.fields.push( field );
				count++;
			} );
			
			var fieldsetLayout = new OO.ui.FieldsetLayout( {
				items: this.fields,
				label: 'lista de lengue par el tool TradLink'
			} );

			var submitButton = new OO.ui.ButtonWidget(
				{ label: 'Imposta' }
			).on( 'click', function () { submitDialogHandler( self.fields ); } );
			var cancelButton = new OO.ui.ButtonWidget(
				{ label: 'Annulla' }
			).on( 'click', function () { optDialog.close(); } );

			var buttonsLayout = new OO.ui.HorizontalLayout( {
				items: [ submitButton, cancelButton ],
				classes: [ 'tradlinks-buttons' ]
			} );

			this.panelLayout = new OO.ui.PanelLayout( { padded: true, expanded: false } );
			this.panelLayout.$element.append( fieldsetLayout.$element, buttonsLayout.$element, this.errorContainer.$element );
			this.$body.append( this.panelLayout.$element );
		};
		OptDialog.prototype.getBodyHeight = function () {
			return this.panelLayout.$element.outerHeight( true );
		};
		optDialog = new OptDialog( {
			size: 'small'
		} );
		windowManager = new OO.ui.WindowManager();
		$( 'body' ).append( windowManager.$element );
		windowManager.addWindows( [ optDialog, new OO.ui.MessageDialog() ] );
		windowManager.openWindow( optDialog );
	}

	/**
	 * Valida l'aggiunta di nuove lingue
	 * @param {array} formFields
	 */
	function submitDialogHandler( formFields ) {
		new mw.Api().get( {
			action: "sitematrix",
			smtype: "language",
			smlangprop: "code|site",
			smsiteprop: "url",
			smlimit: 5000,
			format: "json"
		} ).done( function ( data ) {
			var lingue = formFields.map( function( f ) {
				return f.fieldWidget.getValue().trim();
			} );

			var filteredMatrix = {};
			for ( var i in data.sitematrix ) {
				var siteData = data.sitematrix[i];
				if ( lingue.indexOf( siteData.code ) > -1 ) {
					filteredMatrix[siteData.code] = siteData.site;
				}
			}
					
			for ( var j in lingue ) {
				var code = lingue[j];
				if ( code === 'vec' ) {
					optDialog.addError( 'el codaze "vec" no el pole vegner doparà' );
					return;
				}
				if ( !( code in filteredMatrix ) ) {
					optDialog.addError( 'Codaze lengua no reconosesta: ' + code );
					return;
				}
				var found = false;
				for ( var s in filteredMatrix[code] ) {
					if ( filteredMatrix[code][s].url.indexOf( '.wikipedia.org' ) > -1 ) {
						found = true;
						break;
					}
				}
				if ( !found ) {
					optDialog.addError( 'No ghe ze na Wiki col sevente codaze lengua: ' + code );
					return;
				}
			}

			mw.cookie.set( cookieName, lingue.join(), 20 * 365 * 24 * 60 * 60 * 1000 );
			optDialog.close();
		} ).fail( function ( e ) {
			console.error( 'Impossibile ottenere sitematrix: ' + e );
		} );
	}

	/**
	 * @return {array} Di codici lingua
	 */
	function getLingue() {
		var value = mw.cookie.get( cookieName );
		return value !== null
			? value.split( ',' ).slice( 0, 9 )
			: [ 'en', 'it', 'ca', 'nl', 'de', 'sv', 'fr', 'ru', 'es', 'war', 'vi' ];
	}

	/**
	 * Routine principale
	 * @param {int} cod Indice della lingua (0-based)
	 */
	function tradLink( cod ) {
		var lingue = getLingue();

		new mw.ForeignApi( '//' + lingue[cod] + '.wikipedia.org/w/api.php' ).get( {
			action: "query",
			prop: "langlinks",
			lllang: "it",
			titles: $( '#wpTextbox1' ).textSelection( 'getSelection' ),
			format: "json",
			redirects: ""
		} ).done( function( data ) {
			var selStart = document.getElementById( 'wpTextbox1' ).selectionStart,
				selEnd = document.getElementById( 'wpTextbox1' ).selectionEnd;
			if (
				typeof( data.query ) != "undefined" &&
				typeof( data.query.pages ) != "undefined"
			) {
				for ( var key in data.query.pages ) {
					if ( typeof( data.query.pages[ key ] ) != "undefined" &&
						typeof( data.query.pages[ key ].langlinks ) != "undefined" &&
						typeof( data.query.pages[ key ].langlinks[ 0 ] ) != "undefined" &&
						typeof( data.query.pages[ key ].langlinks[ 0 ][ "*" ] ) != "undefined"
					) {
						var trad = data.query.pages[ key ].langlinks[ 0 ][ "*" ];
						$( '#wpTextbox1' ).textSelection( 'encapsulateSelection', {
							pre: trad + "|"
						} );
						document.getElementById( 'wpTextbox1' ).selectionStart = selStart + trad.length + 1;
						document.getElementById( 'wpTextbox1' ).selectionEnd = selEnd + trad.length + 1;
						return;
					}
				}
			}
			var noLinkLabel = "[NO LINK]";
			$( '#wpTextbox1' ).textSelection( 'encapsulateSelection', {
				pre: "",
				post: noLinkLabel
			} );
			document.getElementById( 'wpTextbox1' ).selectionStart = selEnd;
			document.getElementById( 'wpTextbox1' ).selectionEnd = selEnd + noLinkLabel.length;
		} );
	}

	$( function () {
		$( '#wpTextbox1' ).keydown( function( event ) {
			if ( event.altKey && !event.shiftKey && !event.ctrlKey && !event.metaKey ) {
				if ( event.which === 48 ) {
					event.preventDefault();
					mw.loader.using( [ 'oojs-ui-core', 'oojs-ui-widgets', 'oojs-ui-windows', 'mediawiki.widgets' ] )
						.done( showDialog )
						.fail( function() { console.error( 'Eror configurasion tradLink' ); } );
				} else if ( event.which >= 49 && event.which < 57 ) {
					event.preventDefault();
					tradLink( event.which - 49 );
				}
			}
		} );
	} );
}( mediaWiki, jQuery ) );