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

Expose compact mode as an option

Browse Source 
* some minor space cleanup
* Also close the ULS window when clicked outside

Change-Id: I06b465926196f79e47990e80e3b23f5a16474ba3
This commit is contained in:
Santhosh Thottingal
2013-03-15 14:57:19 +05:30
parent 44ff5e0120
commit 0340e609a0
4 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/jquery.uls.compact.css
View File

@@ -18,7 +18,7 @@
} }
.uls-compact .filterinput, .uls-compact .filterinput,
.uls-compact .filterinput:focus { .uls-compact .filterinput:focus {
background-color: transparent; background-color: transparent;
border: none; border: none;
box-shadow: none; box-shadow: none;

14
examples/index-compact.html
View File

@@ -26,20 +26,10 @@
var languageName = $.uls.data.getAutonym( language ); var languageName = $.uls.data.getAutonym( language );
$( '.uls-trigger' ).text( languageName ); $( '.uls-trigger' ).text( languageName );
}, },
compact: true,
quickList: [ 'en', 'hi', 'he', 'ml', 'ta', 'fr' ] quickList: [ 'en', 'hi', 'he', 'ml', 'ta', 'fr' ]
} ); } );
$( '.uls-trigger' ).click( function () { } );
//Hacks to include optional classes and make the dialog close when clicking outside:
$( '.uls-menu' ).addClass( 'uls-compact' );
$( 'html' ).click( function () {
$( '.uls-menu' ).hide();
} );
$( '.uls-menu' ).click( function ( event ) {
event.stopPropagation();
} );
} );
} );
</script> </script>
</head> </head>

2
grunt.js
View File

@@ -23,7 +23,7 @@ module.exports = function(grunt) {
}, },
css: { css: {
src: [ 'css/jquery.uls.css', 'css/jquery.uls.grid.css', src: [ 'css/jquery.uls.css', 'css/jquery.uls.grid.css',
'css/jquery.uls.lcd.css' ], 'css/jquery.uls.lcd.css', 'css/jquery.uls.compact.css' ],
dest : 'dist/<%= pkg.name %>/css/<%= pkg.name %>.css' dest : 'dist/<%= pkg.name %>/css/<%= pkg.name %>.css'
} }
}, },

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

@@ -143,6 +143,10 @@
left: '25%' left: '25%'
} ); } );
if ( this.options.compact ) {
this.$menu.addClass( 'uls-compact' );
}
if ( !this.initialized ) { if ( !this.initialized ) {
$( 'body' ).prepend( this.$menu ); $( 'body' ).prepend( this.$menu );
this.i18n(); this.i18n();
@@ -281,6 +285,8 @@
uls.$languageFilter.languagefilter( 'clear' ); uls.$languageFilter.languagefilter( 'clear' );
} }
} ); } );
$( 'html' ).click( $.proxy( this.hide, this ) );
}, },
/** /**
@@ -383,6 +389,7 @@
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
lazyload: true, // Lazy load the language list when scrolled. lazyload: true, // Lazy load the language list when scrolled.
compact: false, // Show ULS in compact mode
showRegions: ['WW', 'AM', 'EU', 'ME', 'AF', 'AS', 'PA'] showRegions: ['WW', 'AM', 'EU', 'ME', 'AF', 'AS', 'PA']
}; };