f8fde38197
ext.uls.preferences only depended on ext.uls.common because of its use of the uls global. This is unnecessary, and made clearer by using require and module.exports to access it. Change-Id: Ied2a1b560d19a18529fd766ced778c912199fa2f
330 lines
8.7 KiB
JavaScript
330 lines
8.7 KiB
JavaScript
/*!
|
|
* ULS - jQuery IME integration
|
|
*
|
|
* Copyright (C) 2012 Alolita Sharma, Amir Aharoni, Arun Ganesh, Brandon Harris,
|
|
* Niklas Laxström, Pau Giner, Santhosh Thottingal, Siebrand Mazeland and other
|
|
* contributors. See CREDITS for a list.
|
|
*
|
|
* UniversalLanguageSelector is dual licensed GPLv2 or later and MIT. You don't
|
|
* have to do anything special to choose one license or the other and you don't
|
|
* have to notify anyone which license you are using. You are free to use
|
|
* UniversalLanguageSelector in commercial projects as long as the copyright
|
|
* header is left intact. See files GPL-LICENSE and MIT-LICENSE for details.
|
|
*
|
|
* @file
|
|
* @ingroup Extensions
|
|
* @licence GNU General Public Licence 2.0 or later
|
|
* @licence MIT License
|
|
*/
|
|
|
|
( function () {
|
|
'use strict';
|
|
|
|
var mwImeRulesPath, inputSelector, inputPreferences, ulsIMEPreferences, customHelpLink,
|
|
getULSPreferences = require( 'ext.uls.preferences' ),
|
|
languageSettingsModules = [ 'ext.uls.displaysettings' ];
|
|
|
|
mwImeRulesPath = mw.config.get( 'wgExtensionAssetsPath' ) +
|
|
'/UniversalLanguageSelector/lib/jquery.ime/';
|
|
inputSelector = 'input:not([type]), input[type=text], input[type=search], textarea, [contenteditable]';
|
|
|
|
inputPreferences = getULSPreferences();
|
|
|
|
mw.ime = mw.ime || {};
|
|
|
|
mw.ime.getLanguagesWithIME = function () {
|
|
var language,
|
|
ulsLanguages = mw.config.get( 'wgULSLanguages' ) || {},
|
|
availableLanguages = {};
|
|
|
|
for ( language in $.ime.languages ) {
|
|
availableLanguages[ language ] = ulsLanguages[ language ] ||
|
|
$.uls.data.getAutonym( language );
|
|
}
|
|
|
|
return availableLanguages;
|
|
};
|
|
|
|
mw.ime.getIMELanguageList = function () {
|
|
var unique = [],
|
|
imeLanguageList,
|
|
previousIMELanguages;
|
|
|
|
previousIMELanguages = $.ime.preferences.getPreviousLanguages() || [];
|
|
imeLanguageList = previousIMELanguages.concat( mw.uls.getFrequentLanguageList() );
|
|
|
|
imeLanguageList.forEach( function ( lang ) {
|
|
if ( unique.indexOf( lang ) === -1 ) {
|
|
unique.push( lang );
|
|
}
|
|
} );
|
|
|
|
return unique.slice( 0, 6 );
|
|
};
|
|
|
|
ulsIMEPreferences = {
|
|
|
|
save: function ( callback ) {
|
|
if ( !this.registry.isDirty ) {
|
|
if ( callback ) {
|
|
callback.call( this, true );
|
|
}
|
|
|
|
return;
|
|
}
|
|
// we don't want to save isDirty field.
|
|
this.registry.isDirty = undefined;
|
|
// get updated copy of preferences
|
|
inputPreferences = getULSPreferences();
|
|
inputPreferences.set( 'ime', this.registry );
|
|
inputPreferences.save( callback );
|
|
// reset the dirty bit
|
|
this.registry.isDirty = false;
|
|
},
|
|
|
|
load: function () {
|
|
this.registry = inputPreferences.get( 'ime' ) || this.registry;
|
|
},
|
|
|
|
disable: function () {
|
|
this.registry.isDirty = true;
|
|
this.registry.enable = false;
|
|
},
|
|
|
|
enable: function () {
|
|
this.registry.isDirty = true;
|
|
this.registry.enable = true;
|
|
},
|
|
|
|
isEnabled: function () {
|
|
if ( this.registry.enable === undefined ) {
|
|
return mw.config.get( 'wgULSIMEEnabled' );
|
|
} else {
|
|
return this.registry.enable;
|
|
}
|
|
},
|
|
|
|
getDefaultLanguage: function () {
|
|
return mw.config.get( 'wgContentLanguage' );
|
|
}
|
|
};
|
|
|
|
function imeNotification() {
|
|
var notificationMsg = ( mw.config.get( 'wgULSPosition' ) === 'personal' ) ?
|
|
'ext-uls-input-disable-notification-info-personal' :
|
|
'ext-uls-input-disable-notification-info-interlanguage',
|
|
$notification = $( '<div>' )
|
|
.addClass( 'uls-ime-notification-bubble' )
|
|
.append(
|
|
$( '<div>' )
|
|
.attr( 'data-i18n', 'ext-uls-input-disable-notification' ),
|
|
$( '<div>' )
|
|
.addClass( 'link' )
|
|
.attr( 'data-i18n', 'ext-uls-input-disable-notification-undo' )
|
|
.on( 'click', function () {
|
|
$.ime.preferences.enable();
|
|
$.ime.preferences.save( function () {
|
|
mw.ime.setup();
|
|
} );
|
|
} ),
|
|
$( '<div>' ).attr( 'data-i18n', notificationMsg )
|
|
);
|
|
|
|
mw.notify( $notification.i18n() );
|
|
}
|
|
|
|
// Add a 'more settings' link that takes to input settings of ULS
|
|
customHelpLink = function () {
|
|
var $disableInputToolsLink, $moreSettingsLink,
|
|
imeselector = this;
|
|
|
|
$disableInputToolsLink = $( '<span>' )
|
|
.addClass( 'uls-ime-disable-link' )
|
|
.attr( 'data-i18n', 'ext-uls-input-disable' );
|
|
|
|
$moreSettingsLink = $( '<span>' )
|
|
.addClass( 'uls-ime-more-settings-link' );
|
|
|
|
// Apparently we depend on some styles which are loaded with
|
|
// these modules. This needs refactoring.
|
|
mw.loader.using( languageSettingsModules, function () {
|
|
$moreSettingsLink.languagesettings( {
|
|
defaultModule: 'input',
|
|
onClose: function () {
|
|
// on close of input settings, keep focus in input area.
|
|
imeselector.$element.trigger( 'focus' );
|
|
},
|
|
top: imeselector.$element.offset().top
|
|
} );
|
|
} );
|
|
|
|
// Hide the menu.
|
|
$moreSettingsLink.on( 'click', function ( e ) {
|
|
imeselector.hide();
|
|
e.stopPropagation();
|
|
} );
|
|
|
|
$disableInputToolsLink.i18n();
|
|
|
|
$disableInputToolsLink.on( 'click', function ( e ) {
|
|
$.ime.preferences.disable();
|
|
imeselector.hide();
|
|
imeselector.$imeSetting.hide();
|
|
$.ime.preferences.save( function () {
|
|
mw.ime.disable();
|
|
imeNotification();
|
|
mw.hook( 'mw.uls.ime.disable' ).fire( 'menu' );
|
|
} );
|
|
e.stopPropagation();
|
|
} );
|
|
|
|
// If the webfonts are loaded, apply webfonts to the selector
|
|
if ( $.fn.webfonts ) {
|
|
imeselector.$menu.webfonts();
|
|
}
|
|
|
|
return $( '<div>' )
|
|
.addClass( 'uls-ime-menu-settings-item' )
|
|
.append( $disableInputToolsLink, $moreSettingsLink );
|
|
};
|
|
|
|
mw.ime.disable = function () {
|
|
$( inputSelector ).trigger( 'destroy.ime' );
|
|
};
|
|
|
|
mw.ime.init = function () {
|
|
if ( !$.ime ) {
|
|
// jquery.ime not loaded yet.
|
|
return;
|
|
}
|
|
if ( $.ime.preferences.isEnabled ) {
|
|
// mw.ime already initialized.
|
|
return;
|
|
}
|
|
// Extend the ime preference system
|
|
$.extend( $.ime.preferences, ulsIMEPreferences );
|
|
// MediaWiki specific overrides for jquery.ime
|
|
$.extend( $.ime.defaults, {
|
|
imePath: mwImeRulesPath
|
|
} );
|
|
|
|
// Load the ime preferences
|
|
$.ime.preferences.load();
|
|
|
|
$.fn.imeselector.Constructor.prototype.helpLink = customHelpLink;
|
|
|
|
// Override the autonym function for the case that
|
|
// somebody tries to select a language for which there are
|
|
// no input methods, which is possible in MediaWiki
|
|
$.fn.imeselector.Constructor.prototype.getAutonym = function ( languageCode ) {
|
|
return $.uls.data.getAutonym( languageCode );
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Binds the event listeners.
|
|
*/
|
|
mw.ime.setup = function () {
|
|
var imeSelectors = mw.config.get( 'wgULSImeSelectors' ).join( ', ' );
|
|
|
|
mw.ime.init();
|
|
$( document.body ).on( 'focus.ime', imeSelectors, function () {
|
|
mw.ime.handleFocus( $( this ) );
|
|
} );
|
|
};
|
|
|
|
/**
|
|
* Loads necessary dependencies, checks input for validity and
|
|
* adds the ime menu for elements that should have it.
|
|
*
|
|
* @param {jQuery} $input
|
|
* @since 2013.11
|
|
*/
|
|
mw.ime.handleFocus = function ( $input ) {
|
|
var noImeSelectors;
|
|
|
|
if ( $input.is( '.noime' ) || $input.data( 'ime' ) ) {
|
|
// input does not need IME or already applied
|
|
return;
|
|
}
|
|
|
|
noImeSelectors = mw.config.get( 'wgULSNoImeSelectors' ).join( ', ' );
|
|
if ( noImeSelectors.length && $input.is( noImeSelectors ) ) {
|
|
$input.addClass( 'noime' );
|
|
|
|
return;
|
|
}
|
|
|
|
if ( !$.ime.preferences.isEnabled() ) {
|
|
return;
|
|
}
|
|
|
|
if ( $input.is( '[contenteditable]' ) && !window.rangy ) {
|
|
// For supporting content editable divs we need rangy library
|
|
mw.loader.using( 'rangy.core', function () {
|
|
mw.ime.addIme( $input );
|
|
} );
|
|
|
|
return;
|
|
}
|
|
|
|
mw.ime.addIme( $input );
|
|
};
|
|
|
|
/**
|
|
* Just adds ime menu to any input element.
|
|
*
|
|
* @param {jQuery} $input
|
|
* @since 2013.11
|
|
*/
|
|
mw.ime.addIme = function ( $input ) {
|
|
var imeselector;
|
|
|
|
$input.ime( {
|
|
languages: mw.ime.getIMELanguageList(),
|
|
languageSelector: function () {
|
|
var $ulsTrigger;
|
|
|
|
$ulsTrigger = $( '<a>' ).text( '...' )
|
|
.addClass( 'ime-selector-more-languages selectable-row selectable-row-item' )
|
|
.attr( {
|
|
title: $.i18n( 'ext-uls-input-settings-more-languages-tooltip' )
|
|
} );
|
|
$ulsTrigger.uls( {
|
|
onSelect: function ( language ) {
|
|
$input.data( 'imeselector' ).selectLanguage( language );
|
|
$input.trigger( 'focus' );
|
|
},
|
|
languages: mw.ime.getLanguagesWithIME(),
|
|
ulsPurpose: 'ime-selector',
|
|
top: $input.offset().top
|
|
} );
|
|
|
|
return $ulsTrigger;
|
|
},
|
|
helpHandler: function ( ime ) {
|
|
return $( '<a>' )
|
|
.attr( {
|
|
href: mw.msg( 'uls-ime-helppage', ime ),
|
|
target: '_blank',
|
|
title: $.i18n( 'ext-uls-ime-help' )
|
|
} )
|
|
.addClass( 'ime-perime-help' )
|
|
.on( 'click', function ( event ) {
|
|
event.stopPropagation();
|
|
} );
|
|
}
|
|
} );
|
|
|
|
// Some fields may be uninitialized
|
|
imeselector = $input.data( 'imeselector' );
|
|
if ( imeselector ) {
|
|
imeselector.selectLanguage( imeselector.decideLanguage() );
|
|
imeselector.$element.on( 'setim.ime', function ( event, inputMethod ) {
|
|
mw.hook( 'mw.uls.ime.change' ).fire( inputMethod );
|
|
} );
|
|
}
|
|
};
|
|
|
|
}() );
|