bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #170 from amire80/auto-width

Browse Source 
Select the menu width automatically
This commit is contained in:
Santhosh Thottingal
2014-12-22 11:16:53 +05:30
parent f44302106b f21f103de3
commit b0d8d0ae6a
1 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/jquery.uls.core.js
View File

@@ -166,7 +166,7 @@
narrow: 'uls-narrow' narrow: 'uls-narrow'
}; };
this.$menu.addClass( widthClasses[this.options.menuWidth] ); this.$menu.addClass( widthClasses[this.getMenuWidth()] );
this.$menu.css( this.position() ); this.$menu.css( this.position() );
if ( this.options.compact ) { if ( this.options.compact ) {
@@ -280,7 +280,7 @@
lcd = this.$resultsView.lcd( { lcd = this.$resultsView.lcd( {
languages: this.languages, languages: this.languages,
columns: columnsOptions[this.options.menuWidth], columns: columnsOptions[ this.getMenuWidth() ],
quickList: this.options.quickList, quickList: this.options.quickList,
clickhandler: $.proxy( this.select, this ), clickhandler: $.proxy( this.select, this ),
source: this.$languageFilter, source: this.$languageFilter,
@@ -388,6 +388,30 @@
return isSupported; return isSupported;
}, },
/**
* Get the panel menu width parameter
* @return string
*/
getMenuWidth: function () {
var menuWidth, languagesCount;
if ( this.options.menuWidth ) {
return this.options.menuWidth;
}
languagesCount = Object.keys( this.options.languages ).length;
if ( languagesCount < 12 ) {
return 'narrow';
}
if ( languagesCount < 100 ) {
return 'medium';
}
return 'wide';
},
isMobile: function () { isMobile: function () {
return navigator.userAgent.match( /(iPhone|iPod|iPad|Android|BlackBerry)/ ); return navigator.userAgent.match( /(iPhone|iPod|iPad|Android|BlackBerry)/ );
} }
@@ -418,7 +442,9 @@
languages: $.uls.data.getAutonyms(), // Languages to be used for ULS, default is all languages languages: $.uls.data.getAutonyms(), // Languages to be used for ULS, default is all languages
quickList: null, // Array of language codes or function that returns such quickList: null, // Array of language codes or function that returns such
compact: false, // Show ULS in compact mode compact: false, // Show ULS in compact mode
menuWidth: 'wide', // The options are wide (4 columns), medium (2 columns), and narrow (1 column) // The options are wide (4 columns), medium (2 columns), and narrow (1 column).
// If not specified, it will be set automatically.
menuWidth: null,
showRegions: [ 'WW', 'AM', 'EU', 'ME', 'AF', 'AS', 'PA' ], showRegions: [ 'WW', 'AM', 'EU', 'ME', 'AF', 'AS', 'PA' ],
languageDecorator: null // Callback function to be called when a language link is prepared - for custom decoration. languageDecorator: null // Callback function to be called when a language link is prepared - for custom decoration.
}; };