5fab7bd738
These methods aren't designed to return "undefined" or "null". What they return is not checked. It's assumed to always be an object (2 of them) or an array (1 of them). This simple patch does make sure the following code does not fail with TypeErrors. Bug: 55701 Change-Id: I19f51bbff2209044485b9d7cef4c7654cb5f6425
322 lines
8.5 KiB
JavaScript
322 lines
8.5 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 ( $, mw ) {
|
|
'use strict';
|
|
|
|
var mwImeRulesPath, inputSelector, inputPreferences, ulsIMEPreferences, customHelpLink;
|
|
|
|
mwImeRulesPath = mw.config.get( 'wgExtensionAssetsPath' ) +
|
|
'/UniversalLanguageSelector/lib/jquery.ime/';
|
|
inputSelector = 'input:not([type]), input[type=text], input[type=search], textarea, [contenteditable]';
|
|
|
|
inputPreferences = mw.uls.preferences();
|
|
|
|
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];
|
|
}
|
|
|
|
return availableLanguages;
|
|
};
|
|
|
|
mw.ime.getIMELanguageList = function () {
|
|
var unique = [],
|
|
imeLanguageList,
|
|
previousIMELanguages;
|
|
|
|
previousIMELanguages = $.ime.preferences.getPreviousLanguages() || [];
|
|
imeLanguageList = previousIMELanguages.concat( mw.uls.getFrequentLanguageList() );
|
|
|
|
$.each( imeLanguageList, function ( i, v ) {
|
|
if ( $.inArray( v, unique ) === -1 ) {
|
|
unique.push( v );
|
|
}
|
|
} );
|
|
|
|
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 = mw.uls.preferences();
|
|
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' );
|
|
}
|
|
};
|
|
|
|
// 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( mw.uls.languageSettingsModules, function () {
|
|
$moreSettingsLink.languagesettings( {
|
|
defaultModule: 'input',
|
|
onClose: function () {
|
|
// on close of input settings, keep focus in input area.
|
|
imeselector.$element.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();
|
|
$( '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.Element} $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.Element} $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.focus();
|
|
},
|
|
languages: mw.ime.getLanguagesWithIME(),
|
|
top: $input.offset().top
|
|
} );
|
|
|
|
return $ulsTrigger;
|
|
},
|
|
helpHandler: function ( ime ) {
|
|
return $( '<a>' )
|
|
.attr( {
|
|
href: mw.msg( 'uls-ime-helppage' ).replace( '$1', ime ),
|
|
target: '_blank',
|
|
title: $.i18n( 'ext-uls-ime-help' )
|
|
} )
|
|
.addClass( 'ime-perime-help' )
|
|
.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 );
|
|
} );
|
|
}
|
|
};
|
|
|
|
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() );
|
|
}
|
|
}( jQuery, mediaWiki ) );
|