Proof of concept language database database

Change-Id: I5d6b9ff4ce46c8e2d48bf56ab08f093287672467

resources/ext.uls.core.js

@@ -49,9 +49,17 @@
 					window.location.href = uri.toString();
 				}
 			} );
-			$( '.uls-region' ).live( 'click', function () {
+			$( '.uls-region' ).live( 'click', function ( e ) {
+				var id = $( this ).attr( 'id' );
+				var active = $( this ).hasClass( 'active' );
 				$( this ).parent().find( '.uls-region' ).removeClass( 'active' );
-				$( this ).addClass( 'active' );
+				if ( active ) {
+					$( '.uls-language-list li' ).show();
+				} else {
+					$( this ).addClass( 'active' );
+					$( '.uls-language-list li' ).not( '.' + id ).hide();
+					$( '.uls-language-list li.' + id ).show();
+				}
 			} );
 			// trigger a search for all languages.
 			$( "#languagefilter" ).autocomplete( "search" );

resources/ext.uls.languagefilter.js

@@ -58,17 +58,34 @@ jQuery( function( $ ) {
 				}
 			} ); // /autocomplete
 
-			$( self ).data( "autocomplete" )._renderItem = function ( ul, item ) {
-				var $target = ul;
-				if ( options.$target ) {
-					$target = options.$target;
-				} else {
+			$( self ).data( "autocomplete" )._renderItem = function ( $target, item ) {
+				var activeregion, classes, region, i, regionlist;
+
+				$target = options.$target;
+				if ( !$target ) {
 					return;
 				}
+
+				regionlist = langdb.languages[item.value] || ["unknown", ["unknown"]];
+				regionlist = regionlist[1];
+				for ( i = 0; i < regionlist.length; i++ ) {
+					region = langdb.regiongroups[regionlist[i]]
+					if ( region ) {
+						classes = classes + " uls-region-" + region;
+					}
+				}
 				var $li = $( "<li>" )
+					.data( "code", item.value )
+					.addClass( classes )
 					.data( "item.autocomplete", item )
 					.append( $( "<a>" ).prop( 'href', '#' ). html( item.label ) )
 					.appendTo( $target );
+
+				activeregion = $( '.uls-region.active'  ).attr( 'id' );
+				if ( activeregion && !$li.hasClass( activeregion ) ) {
+					$li.hide();
+				}
+
 				if ( options.clickhandler ) {
 					$li.click( function() {
 						options.clickhandler.call( this, item );