integration/v2/js/main.js
changeset 164 09ad16c9fee5
parent 160 7f141426ccbf
child 176 96d470b37c65
child 179 b7fabb9e5d9f
--- a/integration/v2/js/main.js	Wed Jun 26 18:22:30 2013 +0200
+++ b/integration/v2/js/main.js	Thu Jun 27 11:09:25 2013 +0200
@@ -81,7 +81,7 @@
 			iconAction = li.find('.icon-action'),
 			index = li.index(),
 			keyword = $(this).attr('data-keyword');
-		enabledDisplayKeyword(li, keyword, iconAction);
+		
 
 		ul.find('li').each(function(k, v){
 			if(index != k){
@@ -91,12 +91,15 @@
 				disabledDisplayKeyword($(v), keyword, iconAction);
 			}
 		});
+
+		enabledDisplayKeyword(li, keyword, iconAction);
 	});
 	$('.icon-action').bind('click', function(e){
 		e.preventDefault();
 		var li = $(this).parents('li');
 		toggleDisplayKeyword(li);
 	});
+/*
 	function toggleDisplayKeyword(li){
 		var displayKeyword = li.find('.display-keyword'),
 			iconAction = li.find('.icon-action'),
@@ -119,6 +122,50 @@
 		$('li.keyword-'+keyword).find('.curtain').show();
 		iconAction.addClass('circle');
 	}
+*/
+	function toggleDisplayKeyword(li){
+		var displayKeyword = li.find('.display-keyword'),
+			iconAction = li.find('.icon-action'),
+			keyword = displayKeyword.attr('data-keyword');
+		if(li.hasClass('disabled')){
+			enabledDisplayKeyword(li, keyword, iconAction);
+		}else{
+			disabledDisplayKeyword(li, keyword, iconAction);
+		}
+	}
+	function enabledDisplayKeyword(li, keyword, iconAction){
+		iconAction.removeClass('cross').removeClass('circle');
+		li.removeClass('disabled');
+		$('ul.mosaic > li').each(function(k, v){
+
+			var keywords = $(v).attr('data-keywords'),
+				item = $(v);
+			keywords = keywords.split(',');
+			for(var i=0; i<= keywords.length; i++){
+				if($.trim(keywords[i]) == keyword){
+					item.find('.curtain').hide();
+				}
+			}
+		});
+		$('li.keyword-'+keyword).find('.curtain').hide();
+		iconAction.addClass('cross');
+	}
+	function disabledDisplayKeyword(li, keyword, iconAction){
+		iconAction.removeClass('cross').removeClass('circle');
+		li.addClass('disabled');
+		$('ul.mosaic > li').each(function(k, v){
+
+			var keywords = $(v).attr('data-keywords'),
+				item = $(v);
+			keywords = keywords.split(',');
+			for(var i=0; i<= keywords.length; i++){
+				if($.trim(keywords[i]) == keyword){
+					item.find('.curtain').show();
+				}
+			}
+		});
+		iconAction.addClass('circle');
+	}
 //map
 	if($('#map').length){
 		initmap()