03df48a609
Gave script groups clear names and sorted them. Documentation in comments. Add tests to check that no script has been left behind. Corrected Lath to Latn (thanks to testing). Rename langdb.js to ext.uls.data.js Add ResourceLoader module ext.uls.data Change-Id: I91fafa94ffd1eaf2d12c954fe3a71064276533f9
134 lines
3.0 KiB
JavaScript
134 lines
3.0 KiB
JavaScript
(function ( $ ) {
|
|
"use strict";
|
|
|
|
var ULS = function( element, options ) {
|
|
this.$element = $( element );
|
|
this.options = $.extend( {}, $.fn.uls.defaults, options );
|
|
this.$menu = $( this.options.menu );
|
|
this.languages = this.$menu.data( 'languages' );
|
|
this.shown = false;
|
|
this.render();
|
|
this.listen();
|
|
};
|
|
|
|
ULS.prototype = {
|
|
constructor: ULS,
|
|
show: function() {
|
|
var pos = $.extend( {}, this.$element.offset(), {
|
|
height: this.$element[0].offsetHeight
|
|
} );
|
|
|
|
this.$menu.css( {
|
|
top: pos.top + pos.height,
|
|
left: '25%' //pos.left // FIXME
|
|
} );
|
|
|
|
this.$menu.show();
|
|
this.shown = true;
|
|
|
|
$( 'input#languagefilter' ).focus();
|
|
return this;
|
|
},
|
|
hide: function() {
|
|
this.$menu.hide();
|
|
this.shown = false;
|
|
return this;
|
|
},
|
|
render: function() {
|
|
// Rendering stuff here
|
|
},
|
|
setLang: function( langCode ) {
|
|
// TODO: dependency on MediaWiki
|
|
var uri = new mw.Uri( window.location.href );
|
|
uri.extend( { setlang: langCode } );
|
|
window.location.href = uri.toString();
|
|
},
|
|
listen: function() {
|
|
var that = this;
|
|
// Register all event listeners to the ULS here.
|
|
that.$element.on( 'click', $.proxy( that.click, that ) );
|
|
$( ".icon-close" ).on( 'click', $.proxy( that.click, that ) );
|
|
$( "#languagefilter" ).languagefilter( {
|
|
$target: $( 'ul.uls-language-filter-result' ),
|
|
clickhandler: function( langCode ) {
|
|
that.setLang( langCode );
|
|
},
|
|
languages: that.languages
|
|
} );
|
|
// Create region selectors, one per region
|
|
$( '.uls-region' ).regionselector( {
|
|
$target: $( 'ul.uls-language-filter-result' ),
|
|
clickhandler: function( langCode ) {
|
|
that.setLang( langCode );
|
|
},
|
|
//FIXME This is confusing: languages and source are acturally data for ULS.
|
|
languages: that.languages,
|
|
source: $.uls.data,
|
|
callback: function () {
|
|
// clear the search field.
|
|
$( "#languagefilter" ).val( "" );
|
|
}
|
|
} );
|
|
// trigger a search for all languages.
|
|
$( "#languagefilter" ).autocomplete( "search" );
|
|
},
|
|
keyup : function(e) {
|
|
switch(e.keyCode) {
|
|
case 27:
|
|
// escape
|
|
if (!this.shown ) {
|
|
return this.hide();
|
|
}
|
|
break;
|
|
}
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
},
|
|
keypress: function( e ) {
|
|
if ( !this.shown ) {
|
|
return;
|
|
}
|
|
|
|
switch( e.keyCode ) {
|
|
case 27:
|
|
// escape
|
|
e.preventDefault();
|
|
break;
|
|
}
|
|
e.stopPropagation();
|
|
},
|
|
click: function( e ) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
if ( !this.shown ) {
|
|
this.show();
|
|
} else {
|
|
this.hide();
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
/* ULS PLUGIN DEFINITION
|
|
* =========================== */
|
|
|
|
$.fn.uls = function( option ) {
|
|
return this.each( function() {
|
|
var $this = $( this ), data = $this.data( 'uls' ), options = typeof option == 'object' && option;
|
|
if ( !data ) {
|
|
$this.data( 'uls', ( data = new ULS( this, options ) ) );
|
|
}
|
|
if ( typeof option === 'string' ) {
|
|
data[option]();
|
|
}
|
|
} );
|
|
};
|
|
|
|
$.fn.uls.defaults = {
|
|
menu : '.uls-menu',
|
|
};
|
|
|
|
$.fn.uls.Constructor = ULS;
|
|
|
|
} )( jQuery );
|