MediaWiki

Difference between revisions of "Gadget-LinguaImporter.js"

Line 1: Line 1:
/*
+
mw.loader.using( [ 'oojs-ui', 'ext.recordWizard.wikibase', 'ext.recordWizard.widgets', 'wikibase.api.RepoApi', 'mediawiki.ForeignApi', 'mediawiki.widgets' ], function() {
* LinguaImporter
 
*
 
* Ajoute un onglet permettant d'importer automatiquement une langue sur
 
* LinguaLibre depuis un élément Wikidata.
 
*/
 
 
 
/* <nowiki> */
 
/* globals mw, OO, $ */
 
 
 
mw.loader.using( [ 'oojs-ui', 'ext.recordWizard.wikibase', 'ext.recordWizard.layout', 'wikibase.api.RepoApi', 'mediawiki.ForeignApi', 'mediawiki.widgets' ], function() {
 
 
'use strict';
 
'use strict';
  
Line 42: Line 32:
 
    var instanceLinguaImporter,
 
    var instanceLinguaImporter,
 
instanceWindowManager = new OO.ui.WindowManager(),
 
instanceWindowManager = new OO.ui.WindowManager(),
$portlet = $( '<a href="#" text="' + mw.msg( 'linguaimporter-portlet-title' ) + '">' );
+
$portlet = $( '<a href="#">' + mw.msg( 'linguaimporter-portlet-title' ) + '</a>' );
 
$( '#actions' ).append( $( '<li>' ).append( $portlet ) );
 
$( '#actions' ).append( $( '<li>' ).append( $portlet ) );
 
    $( 'body' ).append( instanceWindowManager.$element );
 
    $( 'body' ).append( instanceWindowManager.$element );
Line 100: Line 90:
 
LinguaImporter.parent.prototype.initialize.apply( this, arguments );
 
LinguaImporter.parent.prototype.initialize.apply( this, arguments );
  
this.wdInput = new mw.recordWizard.layout.WikidataSearchWidget( {
+
this.wdInput = new mw.recordWizard.widgets.WikidataSearchWidget( {
 
$overlay: $( 'body' )
 
$overlay: $( 'body' )
 
} );
 
} );

Revision as of 23:03, 8 June 2020

mw.loader.using( [ 'oojs-ui', 'ext.recordWizard.wikibase', 'ext.recordWizard.widgets', 'wikibase.api.RepoApi', 'mediawiki.ForeignApi', 'mediawiki.widgets' ], function() {
	'use strict';

	// Messages
	const messages = {
		'fr': {
			'linguaimporter': 'LinguaImporter',
			'linguaimporter-action-import': 'Importer',
			'linguaimporter-action-cancel': 'Annuler',
			'linguaimporter-field-wd': 'Élément Wikidata',
			'linguaimporter-portlet-title': 'Importer une langue',
			'linguaimporter-notify-success': 'Langue importée avec succès - [[$1]]',
		},
		'en': {
			'linguaimporter': 'LinguaImporter',
			'linguaimporter-action-import': 'Import',
			'linguaimporter-action-cancel': 'Cancel',
			'linguaimporter-field-wd': 'Wikidata item',
			'linguaimporter-portlet-title': 'Import a language',
			'linguaimporter-notify-success': 'Language successfuly imported - [[$1]]',
		}
	};
	mw.messages.set( messages.en );
	var lang = mw.config.get( 'wgUserLanguage' );
	if ( lang !== 'en' && lang in messages ) {
		mw.messages.set( messages[ lang ] );
	}


	// Instanciate LinguaImporter and add it ti MediaWiki's UI
	$( function ( $ ) {
	    var instanceLinguaImporter,
			instanceWindowManager = new OO.ui.WindowManager(),
		$portlet = $( '<a href="#">' + mw.msg( 'linguaimporter-portlet-title' ) + '</a>' );
		$( '#actions' ).append( $( '<li>' ).append( $portlet ) );
	    $( 'body' ).append( instanceWindowManager.$element );

		$portlet.on( 'click', function ( e ) {
			e.preventDefault();
			if ( instanceLinguaImporter === undefined ) {
			    instanceLinguaImporter = new LinguaImporter();
			    instanceWindowManager.addWindows( [ instanceLinguaImporter ] );
			}
	        instanceLinguaImporter.open();
		} );
	} );

	var LinguaImporter = function() {
		// Initialize config
		var config = { size: 'large' };

		// Parent constructor
		LinguaImporter.parent.call( this, config );

		// Properties
		this.api = new mw.Api( { timeout: 7000 } );
		this.wikidataApi = new mw.ForeignApi( 'https://www.wikidata.org/w/api.php', {
			    anonymous: true,
			    parameters: { origin: '*' },
			    ajax: { timeout: 10000 }
		    } );
		this.content = new OO.ui.PanelLayout( { padded: true, expanded: false } );
	    this.layout;
	    this.$body;
	};


	/* Setup */

	OO.inheritClass( LinguaImporter, OO.ui.ProcessDialog );

	/* Static Properties */

	LinguaImporter.static.name = 'linguaimporter';
	LinguaImporter.static.title = mw.msg( 'linguaimporter' );
	LinguaImporter.static.actions = [
		{ action: 'import', label: mw.msg( 'linguaimporter-action-import' ), flags: [ 'primary', 'progressive' ] },
		{ action: 'cancel', label: mw.msg( 'linguaimporter-action-cancel' ), flags: [ 'safe', 'back' ] }
	];




	/* ProcessDialog-related Methods */

	/**
	 * Build the interface displayed inside the ProcessDialog box.
	 */
	LinguaImporter.prototype.initialize = function () {
		LinguaImporter.parent.prototype.initialize.apply( this, arguments );

		this.wdInput = new mw.recordWizard.widgets.WikidataSearchWidget( {
			$overlay: $( 'body' )
		} );

		this.layout = new OO.ui.Widget( {
			content: [
				new OO.ui.FieldLayout(
					this.wdInput, {
						align: 'top',
						label: mw.msg( 'linguaimporter-field-wd' ),
					}
				)
			],
		} );

		this.content.$element.append( this.layout.$element );
		this.$body.append( this.content.$element );

		this.updateSize();
	};


	/**
	 * Get a process for taking action.
	 *
	 * This method is called within the ProcessDialog when the user clicks
	 * on an action button (the one defined in LinguaImporter.static.actions).
	 * Here is defined in which order each method of the category moving
	 * process is called.
	 * @param {string} action Name of the action button clicked.
	 * @return {OO.ui.Process} Action process.
	 */
	LinguaImporter.prototype.getActionProcess = function ( action ) {
		var process = new OO.ui.Process(),
		    WID, wikidataItem;

		if ( action === 'import' ) {
		    WID = this.wdInput.getData();
		    wikidataItem = new mw.recordWizard.wikibase.Item( WID );

	        process.next( wikidataItem.getFromApi.bind( wikidataItem, this.wikidataApi ) );
	        process.next( this.createLang.bind( this, wikidataItem ) );
	        process.next( this.success.bind( this ) );
		}
		process.next( this.closeDialog, this );

		return process;
	};

	/**
	 * Close the window.
	 *
	 * @return {jQuery.Promise} Promise resolved when window is closed
	 */
	LinguaImporter.prototype.closeDialog = function () {
		var dialog = this;

		var lifecycle = dialog.close();

		return lifecycle.closed;
	};

	/**
	 * Get the height of the window body.
	 * Used by the ProcessDialog to set an accurate height to the dialog.
	 *
	 * @return {number} Height in px the dialog should be.
	 */
	LinguaImporter.prototype.getBodyHeight = function () {
		return this.content.$element.outerHeight( true );
	};



	LinguaImporter.prototype.createLang = function ( wikidataItem ) {
		var isoStatement, wmlangStatement, wmInstanceOfStatement, newMediaTypeStatement,
			newItem = new mw.recordWizard.wikibase.Item(),
			dialog = this;

		newItem.labels = wikidataItem.getLabels();

		// instance of = language
		newItem.addStatement( new mw.recordWizard.wikibase.Statement( 'P2' ).setType( 'wikibase-item' ).setValue( 'Q4' ) );

		// wikidata id
		newItem.addStatement( new mw.recordWizard.wikibase.Statement( 'P12' ).setType( 'external-id' ).setValue( wikidataItem.getId() ) );

		// ISO 639-3
		isoStatement = wikidataItem.getStatements( 'P220' );
		if ( isoStatement !== null ) {
			newItem.addStatement( new mw.recordWizard.wikibase.Statement( 'P13' ).setType( 'external-id' ).setValue( isoStatement[ 0 ].getValue() ) );
		}

		// Wikimedia language code
		wmlangStatement = wikidataItem.getStatements( 'P424' );
		if ( wmlangStatement !== null ) {
			newItem.addStatement( new mw.recordWizard.wikibase.Statement( 'P17' ).setType( 'external-id' ).setValue( wmlangStatement[ 0 ].getValue() ) );
		}

		// Media type (depending if it is a sign language or not)
		wmInstanceOfStatement = wikidataItem.getStatements( 'P31' );
		newMediaTypeStatement = new mw.recordWizard.wikibase.Statement( 'P24' ).setType( 'wikibase-item' ).setValue( 'Q88889' ); // audio
		if ( wmInstanceOfStatement !== null ) {
			if ( wmInstanceOfStatement[ 0 ].getValue() === 'Q33302' ) {
				newMediaTypeStatement = new mw.recordWizard.wikibase.Statement( 'P24' ).setType( 'wikibase-item' ).setValue( 'Q88890' ); // video
			}
		}
		newItem.addStatement( newMediaTypeStatement );

		return newItem.createOrUpdate( this.api ).then( function( data ) {
			console.log( 'https://lingualibre.fr/wiki/' + data.entity.id );
			dialog.newEntityId = data.entity.id;
		} );
	};

	LinguaImporter.prototype.success = function () {
		mw.notify( mw.message( 'linguaimporter-notify-success', this.newEntityId ).text() )
	};
} );