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

Introduce lazyload option with default value true.

Browse Source 
This can be set false when language list is very small.

Change-Id: I024f01a2a62f0d0def553e2d6f7a3fdcce1a7968
This commit is contained in:
Santhosh Thottingal
2012-10-26 10:53:13 +05:30
parent 5c6d244c97
commit 642668d0ae
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -162,7 +162,7 @@
this.$resultsView.lcd( 'empty' ); this.$resultsView.lcd( 'empty' );
// Use lazy loading only when there are 100+ languages. // Use lazy loading only when there are 100+ languages.
if ( count > 100 ) { if ( this.options.lazyload ) {
this.$regionFilters.first().regionselector( 'show' ); this.$regionFilters.first().regionselector( 'show' );
} else{ } else{
this.$regionFilters.regionselector( 'show' ); this.$regionFilters.regionselector( 'show' );
@@ -224,7 +224,8 @@
lcd = that.$resultsView.lcd( { lcd = that.$resultsView.lcd( {
languages: that.languages, languages: that.languages,
quickList: that.options.quickList, quickList: that.options.quickList,
clickhandler: $.proxy( that.onSelect, that ) clickhandler: $.proxy( that.onSelect, that ),
lazyload: that.options.lazyload
} ).data( "lcd" ); } ).data( "lcd" );
that.$languageFilter.languagefilter( { that.$languageFilter.languagefilter( {
@@ -328,7 +329,8 @@
onSelect: null, // Callback function to be called when a language is selected onSelect: null, // Callback function to be called when a language is selected
searchAPI: null, // Language search API searchAPI: null, // Language search API
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 of function that returns such quickList: null, // Array of language codes of function that returns such
lazyload: true // Lazy load the language list when scrolled.
}; };
// Define a dummy i18n function, if jquery.i18n not integrated. // Define a dummy i18n function, if jquery.i18n not integrated.

11
src/jquery.uls.lcd.js
View File

@@ -262,11 +262,11 @@
var $ulsLanguageList = $( this ), var $ulsLanguageList = $( this ),
scrollTop = $ulsLanguageList.position().top, scrollTop = $ulsLanguageList.position().top,
scrollBottom = $ulsLanguageList.height(); scrollBottom = $ulsLanguageList.height();
if ( lcd.options.lazyload ) {
if ( this.offsetHeight + this.scrollTop >= this.scrollHeight / 2 ) { if ( this.offsetHeight + this.scrollTop >= this.scrollHeight / 2 ) {
lcd.$element.trigger( 'scrollend' ); lcd.$element.trigger( 'scrollend' );
}
} }
// The region section need to be in sync with the map filter. // The region section need to be in sync with the map filter.
var inviewRegion = 'WW'; var inviewRegion = 'WW';
lcd.$element.find( 'div.uls-lcd-region-section' ).each( function () { lcd.$element.find( 'div.uls-lcd-region-section' ).each( function () {
@@ -304,7 +304,8 @@
}; };
$.fn.lcd.defaults = { $.fn.lcd.defaults = {
languages: null languages: null,
lazyload: true
}; };
$.fn.lcd.Constructor = LanguageCategoryDisplay; $.fn.lcd.Constructor = LanguageCategoryDisplay;