bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update jquery.uls from upstream

Browse Source 
Change-Id: Ib965e43f987436ddaa398b43c71e1ad25183f1d5
This commit is contained in:
Santhosh Thottingal
2013-02-17 15:32:53 +05:30
committed by Gerrit Code Review
parent 7d9b81fb9d
commit 3a46fb9da1
13 changed files with 155 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
lib/jquery.uls/jquery.uls.js
View File

@@ -1,4 +1,4 @@
/*! jquery.uls - v0.1.0 - 2013-02-06
/*! jquery.uls - v0.1.0 - 2013-02-17
* https://github.com/wikimedia/jquery.uls
* Copyright (c) 2013 Santhosh Thottingal; Licensed GPL, MIT */
@@ -91,9 +91,10 @@
* @return array
*/
$.uls.data.getAutonyms = function () {
var autonymsByCode = {};
var language,
autonymsByCode = {};
for ( var language in $.uls.data.languages ) {
for ( language in $.uls.data.languages ) {
if ( $.uls.data.isRedirect( language ) ) {
continue;
}
@@ -109,9 +110,10 @@
* @return array
*/
$.uls.data.getAllRegions = function () {
var allRegions = [];
var region,
allRegions = [];
for ( var region in $.uls.data.regiongroups ) {
for ( region in $.uls.data.regiongroups ) {
allRegions.push( region );
}
@@ -134,14 +136,15 @@
* @return array of strings (languages codes)
*/
$.uls.data.getLanguagesInScripts = function ( scripts ) {
var languagesInScripts = [];
var language, i,
languagesInScripts = [];
for ( var language in $.uls.data.languages ) {
for ( language in $.uls.data.languages ) {
if ( $.uls.data.isRedirect( language ) ) {
continue;
}
for ( var i = 0; i < scripts.length; i++ ) {
for ( i = 0; i < scripts.length; i++ ) {
if ( scripts[i] === $.uls.data.getScript( language ) ) {
languagesInScripts.push( language );
break;
@@ -167,14 +170,15 @@
* @return array of strings (languages codes)
*/
$.uls.data.getLanguagesInRegions = function ( regions ) {
var languagesInRegions = [];
var language, i,
languagesInRegions = [];
for ( var language in $.uls.data.languages ) {
for ( language in $.uls.data.languages ) {
if ( $.uls.data.isRedirect( language ) ) {
continue;
}
for ( var i = 0; i < regions.length; i++ ) {
for ( i = 0; i < regions.length; i++ ) {
if ( $.inArray( regions[i], $.uls.data.getRegions( language ) ) !== -1 ) {
languagesInRegions.push( language );
break;
@@ -201,15 +205,16 @@
* @return associative array
*/
$.uls.data.getLanguagesByScriptInRegion = function ( region ) {
var languagesByScriptInRegion = {};
var language, script,
languagesByScriptInRegion = {};
for ( var language in $.uls.data.languages ) {
for ( language in $.uls.data.languages ) {
if ( $.uls.data.isRedirect( language ) ) {
continue;
}
if ( $.inArray( region, $.uls.data.getRegions( language ) ) !== -1 ) {
var script = $.uls.data.getScript( language );
script = $.uls.data.getScript( language );
if ( languagesByScriptInRegion[script] === undefined ) {
languagesByScriptInRegion[script] = [];
@@ -274,16 +279,17 @@
* @return associative array
*/
$.uls.data.getLanguagesByScriptGroupInRegions = function ( regions ) {
var languagesByScriptGroupInRegions = {};
var language, i, scriptGroup,
languagesByScriptGroupInRegions = {};
for ( var language in $.uls.data.languages ) {
for ( language in $.uls.data.languages ) {
if ( $.uls.data.isRedirect( language ) ) {
continue;
}
for ( var i = 0; i < regions.length; i++ ) {
for ( i = 0; i < regions.length; i++ ) {
if ( $.inArray( regions[i], $.uls.data.getRegions( language ) ) !== -1 ) {
var scriptGroup = $.uls.data.getScriptGroupOfLanguage( language );
scriptGroup = $.uls.data.getScriptGroupOfLanguage( language );
if ( languagesByScriptGroupInRegions[scriptGroup] === undefined ) {
languagesByScriptGroupInRegions[scriptGroup] = [];
@@ -304,9 +310,9 @@
* @return associative array
*/
$.uls.data.getAllLanguagesByRegionAndScript = function () {
var allLanguagesByRegionAndScript = {},
region,
regionGroup;
var region, regionGroup, language,
script, scriptGroup, regions, regionNum,
allLanguagesByRegionAndScript = {};
for ( region in $.uls.data.regiongroups ) {
regionGroup = $.uls.data.regiongroups[region];
@@ -318,16 +324,16 @@
allLanguagesByRegionAndScript[regionGroup][region] = {};
}
for ( var language in $.uls.data.languages ) {
for ( language in $.uls.data.languages ) {
if ( $.uls.data.isRedirect( language ) ) {
continue;
}
var script = $.uls.data.getScript( language );
var scriptGroup = $.uls.data.getGroupOfScript( script );
var regions = $.uls.data.getRegions( language );
script = $.uls.data.getScript( language );
scriptGroup = $.uls.data.getGroupOfScript( script );
regions = $.uls.data.getRegions( language );
for ( var regionNum = 0; regionNum < regions.length; regionNum++ ) {
for ( regionNum = 0; regionNum < regions.length; regionNum++ ) {
region = regions[regionNum];
regionGroup = $.uls.data.regiongroups[region];
@@ -352,9 +358,10 @@
* @return array of strings
*/
$.uls.data.getRegionsInGroup = function ( groupNum ) {
var regionsInGroup = [];
var region,
regionsInGroup = [];
for ( var region in $.uls.data.regiongroups ) {
for ( region in $.uls.data.regiongroups ) {
if ( $.uls.data.regiongroups[region] === groupNum ) {
regionsInGroup.push( region );
}
@@ -371,9 +378,11 @@
* @return string script group name
*/
$.uls.data.getGroupOfScript = function ( script ) {
for ( var group in $.uls.data.scriptgroups ) {
if ( $.inArray( script, $.uls.data.scriptgroups[group] ) !== -1 ) {
return group;
var scriptGroup;
for ( scriptGroup in $.uls.data.scriptgroups ) {
if ( $.inArray( script, $.uls.data.scriptgroups[scriptGroup] ) !== -1 ) {
return scriptGroup;
}
}
@@ -488,6 +497,7 @@
( function ( $ ) {
'use strict';
/*jshint multistr:true */
var noResultsTemplate = '\
<div class="twelve columns uls-no-results-view">\
<h2 data-i18n="uls-no-results-found" class="eleven columns end offset-by-one uls-no-results-found-title">\
@@ -510,6 +520,7 @@
</div>\
</div>\
</div>';
/*jshint multistr:false */
var LanguageCategoryDisplay = function ( element, options ) {
this.$element = $( element );
@@ -677,7 +688,7 @@
.text( 'Common languages' ); // This is placeholder text if jquery.i18n not present
$quickListSection.append( $quickListSectionTitle );
this.$element.prepend( $quickListSection );
this.regionDivs[ 'quick' ] = $quickListSection;
this.regionDivs.quick = $quickListSection;
for ( var i = 0; i < quickList.length; i++) {
var $column = this.getColumn( 'quick', i % 4 === 0 );
@@ -965,7 +976,7 @@
for ( langNum = 0; langNum < languagesInScript.length; langNum++ ) {
langCode = languagesInScript[langNum];
if ( query === "" || this.filter( langCode, query ) ) {
if ( query === '' || this.filter( langCode, query ) ) {
if ( this.resultCount === 0 ) {
// Autofill the first result.
this.autofill( langCode );
@@ -993,14 +1004,16 @@
var languageFilter = this;
$.get( languageFilter.options.searchAPI, { search: query }, function( result ) {
$.each( result['languagesearch'], function( code, name ) {
$.each( result.languagesearch, function( code, name ) {
if ( languageFilter.resultCount === 0 ) {
// Autofill the first result.
languageFilter.autofill( code, name );
}
languageFilter.render( code );
languageFilter.resultCount++;
} );
languageFilter.resultHandler( query );
} );
},
@@ -1040,15 +1053,16 @@
// see if it was autonym match
autonym = $.uls.data.getAutonym( langCode ) || '';
suggestion = userInput + autonym.substring( userInput.length, autonym.length );
if ( suggestion !== autonym ) {
// Give up. It may be iso/script code match.
suggestion = "";
// Give up. It may be an ISO/script code match.
suggestion = '';
}
}
// Make sure that it is a visual prefix.
if ( !isVisualPrefix( userInput, suggestion ) ) {
suggestion = "";
suggestion = '';
}
this.$suggestion.val( suggestion );
@@ -1065,7 +1079,7 @@
},
escapeRegex: function( value ) {
return value.replace( /[\-\[\]{}()*+?.,\\\^$\|#\s]/g, "\\$&" );
return value.replace( /[\-\[\]{}()*+?.,\\\^$\|#\s]/g, '\\$&' );
},
/**
@@ -1078,7 +1092,7 @@
*/
filter: function( langCode, searchTerm ) {
// FIXME script is ISO 15924 code. We might need actual name of script.
var matcher = new RegExp( "^" + this.escapeRegex( searchTerm ), 'i' ),
var matcher = new RegExp( '^' + this.escapeRegex( searchTerm ), 'i' ),
languageName = this.options.languages[langCode];
return matcher.test( languageName ) ||
@@ -1134,7 +1148,7 @@
function isVisualPrefix( prefix, string ) {
// Pre-base vowel signs of Indic languages. A vowel sign is called pre-base if
// consonant + vowel becomes [vowel][consonant] when rendered. Eg: ക + െ => കെ
var prebases = "െേൈൊോൌெேைொோௌେୈୋୌિਿिিেৈোৌෙේෛොෝෞ";
var prebases = 'െേൈൊോൌெேைொோௌେୈୋୌિਿिিেৈোৌෙේෛොෝෞ';
return prebases.indexOf( string[prefix.length] ) <= 0;
}
} ( jQuery ) );
@@ -1365,6 +1379,7 @@
'use strict';
// Region numbers in id attributes also appear in the langdb.
/*jshint multistr:true */
var template = '\
<div class="grid uls-menu uls-wide"> \
<div class="row"> \
@@ -1417,15 +1432,17 @@
<div class="row uls-language-list"></div>\
<div class="row" id="settings-block"></div>\
</div> ';
/*jshint multistr:false */
/**
* ULS Public class definition
*/
var ULS = function( element, options ) {
var ULS = function ( element, options ) {
this.$element = $( element );
this.options = $.extend( {}, $.fn.uls.defaults, options );
this.$menu = $( template );
this.languages = this.options.languages;
for ( var code in this.languages ) {
if ( $.uls.data.languages[code] === undefined ) {
if ( window.console && window.console.log ) {
@@ -1434,13 +1451,16 @@
delete this.languages[code];
}
}
this.left = this.options.left;
this.top = this.options.top;
this.shown = false;
this.initialized = false;
this.$languageFilter = this.$menu.find( '#languagefilter' );
this.$regionFilters = this.$menu.find( '.uls-region' );
this.$resultsView = this.$menu.find( 'div.uls-language-list' );
this.render();
this.listen();
this.ready();
@@ -1449,7 +1469,7 @@
ULS.prototype = {
constructor: ULS,
ready: function() {
ready: function () {
if ( this.options.onReady ) {
this.options.onReady.call( this );
}
@@ -1460,7 +1480,7 @@
* Returns an object with top and left properties.
* @returns {Object}
*/
position: function() {
position: function () {
var pos = $.extend( {}, this.$element.offset(), {
height: this.$element[0].offsetHeight
} );
@@ -1473,7 +1493,7 @@
/**
* Show the ULS window
*/
show: function() {
show: function () {
var pos = this.position();
this.$menu.css( {
top: pos.top,
@@ -1500,7 +1520,7 @@
}
},
i18n: function() {
i18n: function () {
if ( $.i18n ) {
this.$menu.find( '[data-i18n]' ).i18n();
this.$languageFilter.prop( 'placeholder', $.i18n( 'uls-search-placeholder' ) );
@@ -1520,7 +1540,7 @@
/**
* Hide the ULS window
*/
hide: function() {
hide: function () {
this.$menu.hide();
this.shown = false;
},
@@ -1529,29 +1549,28 @@
* Render the UI elements.
* Does nothing by default. Can be used for customization.
*/
render: function() {
render: function () {
// Rendering stuff here
},
/**
* callback for no results found context.
* @param search string The search term
* Callback for no results found context.
*/
noresults: function( search ) {
noresults: function () {
this.$resultsView.lcd( 'noResults' );
},
/**
* callback for results found context.
*/
success: function() {
success: function () {
this.$resultsView.show();
},
/**
* Bind the UI elements with their event listeners
*/
listen: function() {
listen: function () {
var lcd,
uls = this;
@@ -1570,6 +1589,7 @@
// Handle key press events on the menu
uls.$menu.on( 'keypress', $.proxy( this.keypress, this ) )
.on( 'keyup', $.proxy( this.keyup, this ) );
if ( this.eventSupported( 'keydown' ) ) {
this.$menu.on( 'keydown', $.proxy( this.keypress, this ) );
}
@@ -1586,11 +1606,11 @@
uls.$languageFilter.languagefilter( {
$target: lcd,
languages: uls.languages,
success: function() {
success: function () {
$( '.regionselector' ).removeClass( 'active' );
uls.success();
},
noresults: function() {
noresults: function () {
$( '.regionselector' ).removeClass( 'active' );
uls.noresults();
},
@@ -1602,17 +1622,19 @@
this.$menu.find( '.uls-region, .uls-region-link' ).regionselector( {
$target: lcd,
languages: uls.languages,
success: function( regionfilter ) {
success: function ( regionfilter ) {
// Deactivate search filtering
uls.$languageFilter.languagefilter( 'deactivate' );
// If it is WW region, show the quicklist
// If it is the WW region, show the quicklist
if ( regionfilter.regionGroup === 1 ) {
lcd.quicklist();
}
// Show 'results view' if we are in no results mode
uls.success();
},
noresults: function() {
noresults: function () {
uls.$languageFilter.languagefilter( 'clear' );
}
} );
@@ -1622,8 +1644,9 @@
* On select handler for search results
* @param langCode
*/
select: function( langCode ) {
select: function ( langCode ) {
this.hide();
if ( this.options.onSelect ) {
this.options.onSelect.call( this, langCode );
}
@@ -1632,17 +1655,19 @@
/**
* On cancel handler for the uls menu
*/
cancel: function() {
cancel: function () {
this.hide();
if ( this.options.onCancel ) {
this.options.onCancel.call( this );
}
},
keyup: function( e ) {
keyup: function ( e ) {
if ( !this.shown ) {
return;
}
if ( e.keyCode === 27 ) { // escape
this.cancel();
e.preventDefault();
@@ -1650,10 +1675,11 @@
}
},
keypress: function( e ) {
keypress: function ( e ) {
if ( !this.shown ) {
return;
}
if ( e.keyCode === 27 ) { // escape
this.cancel();
e.preventDefault();
@@ -1661,9 +1687,10 @@
}
},
click: function( e ) {
click: function ( e ) {
e.stopPropagation();
e.preventDefault();
if ( this.shown ) {
this.hide();
} else {
@@ -1678,6 +1705,7 @@
this.$element.setAttribute( eventName, 'return;' );
isSupported = typeof this.$element[eventName] === 'function';
}
return isSupported;
},
@@ -1689,8 +1717,8 @@
/* ULS PLUGIN DEFINITION
* =========================== */
$.fn.uls = function( option ) {
return this.each( function() {
$.fn.uls = function ( option ) {
return this.each( function () {
var $this = $( this ),
data = $this.data( 'uls' ),
options = typeof option === 'object' && option;
@@ -1698,6 +1726,7 @@
if ( !data ) {
$this.data( 'uls', ( data = new ULS( this, options ) ) );
}
if ( typeof option === 'string' ) {
data[option]();
}
@@ -1715,23 +1744,10 @@
};
// Define a dummy i18n function, if jquery.i18n not integrated.
if( !$.fn.i18n ) {
$.fn.i18n = function( option ) {
if ( !$.fn.i18n ) {
$.fn.i18n = function () {
};
}
$.fn.uls.Constructor = ULS;
// Private utility functions
function getObjectLength ( obj ) {
var k, count = 0;
for ( k in obj ) {
if ( obj.hasOwnProperty( k ) ) {
count++;
}
}
return count;
}
} ( jQuery ) );