integration/v2/js/main.js
changeset 179 b7fabb9e5d9f
parent 164 09ad16c9fee5
child 180 928583c82325
equal deleted inserted replaced
171:1a1f3958c551 179:b7fabb9e5d9f
    19 	  columnWidth: 225,
    19 	  columnWidth: 225,
    20 	  itemSelector: '.item-masonry',
    20 	  itemSelector: '.item-masonry',
    21 	  gutter : 16
    21 	  gutter : 16
    22 	});
    22 	});
    23 
    23 
    24 	function masonry177(){
       
    25 		var masonry177 = $('.masonry-177');
       
    26 		masonry177.masonry({
       
    27 		  columnWidth: 177,
       
    28 		  itemSelector: '.item-masonry'
       
    29 		});
       
    30 	}
       
    31 	masonry177();
       
    32 //popin
    24 //popin
    33 	$('.open-popin').bind('click', function(e){
    25 	$('.open-popin').bind('click', function(e){
    34 		e.preventDefault();
    26 		e.preventDefault();
    35 		var target = $(this).attr('href');
    27 		var target = $(this).attr('href');
    36 		$('.popin-wrap').fadeIn(function(){
    28 		$('.popin-wrap').fadeIn(function(){
    58 			e.preventDefault();
    50 			e.preventDefault();
    59 			var tag = $(this).attr('data-tag');
    51 			var tag = $(this).attr('data-tag');
    60 			keywordsTagIt.tagit("createTag", tag);
    52 			keywordsTagIt.tagit("createTag", tag);
    61 		});
    53 		});
    62 	}
    54 	}
    63 //mosaic
       
    64 	$('.toggle-comment').bind('click', function(e){
       
    65 		e.preventDefault();
       
    66 		$('.show-comment, .hide-comment').hide();
       
    67 		if($('.mosaic').length){
       
    68 			$('.mosaic').removeClass('mosaic').addClass('mosaic-comment');
       
    69 			$('.hide-comment').show();
       
    70 		}else{
       
    71 			$('.mosaic-comment').removeClass('mosaic-comment').addClass('mosaic');
       
    72 			$('.show-comment').show();
       
    73 		}
       
    74 		masonry177();
       
    75 	});
       
    76 
       
    77 	$('.display-keyword').bind('click', function(e){
       
    78 		e.preventDefault();
       
    79 		var ul = $(this).parents('ul'),
       
    80 			li = $(this).parents('li'),
       
    81 			iconAction = li.find('.icon-action'),
       
    82 			index = li.index(),
       
    83 			keyword = $(this).attr('data-keyword');
       
    84 		
       
    85 
       
    86 		ul.find('li').each(function(k, v){
       
    87 			if(index != k){
       
    88 				var displayKeyword = $(v).find('.display-keyword'),
       
    89 					iconAction = $(v).find('.icon-action'),
       
    90 					keyword = displayKeyword.attr('data-keyword');
       
    91 				disabledDisplayKeyword($(v), keyword, iconAction);
       
    92 			}
       
    93 		});
       
    94 
       
    95 		enabledDisplayKeyword(li, keyword, iconAction);
       
    96 	});
       
    97 	$('.icon-action').bind('click', function(e){
       
    98 		e.preventDefault();
       
    99 		var li = $(this).parents('li');
       
   100 		toggleDisplayKeyword(li);
       
   101 	});
       
   102 /*
       
   103 	function toggleDisplayKeyword(li){
       
   104 		var displayKeyword = li.find('.display-keyword'),
       
   105 			iconAction = li.find('.icon-action'),
       
   106 			keyword = displayKeyword.attr('data-keyword');
       
   107 		if(li.hasClass('disabled')){
       
   108 			enabledDisplayKeyword(li, keyword, iconAction);
       
   109 		}else{
       
   110 			disabledDisplayKeyword(li, keyword, iconAction);
       
   111 		}
       
   112 	}
       
   113 	function enabledDisplayKeyword(li, keyword, iconAction){
       
   114 		iconAction.removeClass('cross').removeClass('circle');
       
   115 		li.removeClass('disabled');
       
   116 		$('li.keyword-'+keyword).find('.curtain').hide();
       
   117 		iconAction.addClass('cross');
       
   118 	}
       
   119 	function disabledDisplayKeyword(li, keyword, iconAction){
       
   120 		iconAction.removeClass('cross').removeClass('circle');
       
   121 		li.addClass('disabled');
       
   122 		$('li.keyword-'+keyword).find('.curtain').show();
       
   123 		iconAction.addClass('circle');
       
   124 	}
       
   125 */
       
   126 	function toggleDisplayKeyword(li){
       
   127 		var displayKeyword = li.find('.display-keyword'),
       
   128 			iconAction = li.find('.icon-action'),
       
   129 			keyword = displayKeyword.attr('data-keyword');
       
   130 		if(li.hasClass('disabled')){
       
   131 			enabledDisplayKeyword(li, keyword, iconAction);
       
   132 		}else{
       
   133 			disabledDisplayKeyword(li, keyword, iconAction);
       
   134 		}
       
   135 	}
       
   136 	function enabledDisplayKeyword(li, keyword, iconAction){
       
   137 		iconAction.removeClass('cross').removeClass('circle');
       
   138 		li.removeClass('disabled');
       
   139 		$('ul.mosaic > li').each(function(k, v){
       
   140 
       
   141 			var keywords = $(v).attr('data-keywords'),
       
   142 				item = $(v);
       
   143 			keywords = keywords.split(',');
       
   144 			for(var i=0; i<= keywords.length; i++){
       
   145 				if($.trim(keywords[i]) == keyword){
       
   146 					item.find('.curtain').hide();
       
   147 				}
       
   148 			}
       
   149 		});
       
   150 		$('li.keyword-'+keyword).find('.curtain').hide();
       
   151 		iconAction.addClass('cross');
       
   152 	}
       
   153 	function disabledDisplayKeyword(li, keyword, iconAction){
       
   154 		iconAction.removeClass('cross').removeClass('circle');
       
   155 		li.addClass('disabled');
       
   156 		$('ul.mosaic > li').each(function(k, v){
       
   157 
       
   158 			var keywords = $(v).attr('data-keywords'),
       
   159 				item = $(v);
       
   160 			keywords = keywords.split(',');
       
   161 			for(var i=0; i<= keywords.length; i++){
       
   162 				if($.trim(keywords[i]) == keyword){
       
   163 					item.find('.curtain').show();
       
   164 				}
       
   165 			}
       
   166 		});
       
   167 		iconAction.addClass('circle');
       
   168 	}
       
   169 //map
    55 //map
   170 	if($('#map').length){
    56 	if($('#map').length){
   171 		initmap()
    57 		initmap()
   172 	}
    58 	}
   173 function initmap() {
    59 function initmap() {