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 |
55 |
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 if(!li.hasClass('disabled') && ul.find('li.disabled').length){ |
|
86 ul.find('li').each(function(k, v){ |
|
87 var displayKeyword = $(v).find('.display-keyword'), |
|
88 iconAction = $(v).find('.icon-action'), |
|
89 keyword = $.trim(displayKeyword.attr('data-keyword')); |
|
90 enabledDisplayKeyword($(v), keyword, iconAction); |
|
91 }); |
|
92 }else{ |
|
93 ul.find('li').each(function(k, v){ |
|
94 if(index != k){ |
|
95 var displayKeyword = $(v).find('.display-keyword'), |
|
96 iconAction = $(v).find('.icon-action'), |
|
97 keyword = displayKeyword.attr('data-keyword'); |
|
98 disabledDisplayKeyword($(v), keyword, iconAction); |
|
99 } |
|
100 }); |
|
101 enabledDisplayKeyword(li, keyword, iconAction); |
|
102 } |
|
103 }); |
|
104 $('.icon-action').bind('click', function(e){ |
|
105 e.preventDefault(); |
|
106 var li = $(this).parents('li'); |
|
107 toggleDisplayKeyword(li); |
|
108 }); |
|
109 /* |
|
110 function toggleDisplayKeyword(li){ |
|
111 var displayKeyword = li.find('.display-keyword'), |
|
112 iconAction = li.find('.icon-action'), |
|
113 keyword = displayKeyword.attr('data-keyword'); |
|
114 if(li.hasClass('disabled')){ |
|
115 enabledDisplayKeyword(li, keyword, iconAction); |
|
116 }else{ |
|
117 disabledDisplayKeyword(li, keyword, iconAction); |
|
118 } |
|
119 } |
|
120 function enabledDisplayKeyword(li, keyword, iconAction){ |
|
121 iconAction.removeClass('cross').removeClass('circle'); |
|
122 li.removeClass('disabled'); |
|
123 $('li.keyword-'+keyword).find('.curtain').hide(); |
|
124 iconAction.addClass('cross'); |
|
125 } |
|
126 function disabledDisplayKeyword(li, keyword, iconAction){ |
|
127 iconAction.removeClass('cross').removeClass('circle'); |
|
128 li.addClass('disabled'); |
|
129 $('li.keyword-'+keyword).find('.curtain').show(); |
|
130 iconAction.addClass('circle'); |
|
131 } |
|
132 */ |
|
133 function toggleDisplayKeyword(li){ |
|
134 var displayKeyword = li.find('.display-keyword'), |
|
135 iconAction = li.find('.icon-action'), |
|
136 keyword = displayKeyword.attr('data-keyword'); |
|
137 if(li.hasClass('disabled')){ |
|
138 enabledDisplayKeyword(li, keyword, iconAction); |
|
139 }else{ |
|
140 disabledDisplayKeyword(li, keyword, iconAction); |
|
141 } |
|
142 } |
|
143 function enabledDisplayKeyword(li, keyword, iconAction){ |
|
144 iconAction.removeClass('cross').removeClass('circle'); |
|
145 li.removeClass('disabled'); |
|
146 $('ul.mosaic > li').each(function(k, v){ |
|
147 |
|
148 var keywords = $(v).attr('data-keywords'), |
|
149 item = $(v); |
|
150 keywords = keywords.split(','); |
|
151 for(var i=0; i<= keywords.length; i++){ |
|
152 if($.trim(keywords[i]) == keyword){ |
|
153 item.find('.curtain').hide(); |
|
154 } |
|
155 } |
|
156 }); |
|
157 $('li.keyword-'+keyword).find('.curtain').hide(); |
|
158 iconAction.addClass('cross'); |
|
159 } |
|
160 function disabledDisplayKeyword(li, keyword, iconAction){ |
|
161 iconAction.removeClass('cross').removeClass('circle'); |
|
162 li.addClass('disabled'); |
|
163 $('ul.mosaic > li').each(function(k, v){ |
|
164 |
|
165 var keywords = $(v).attr('data-keywords'), |
|
166 item = $(v); |
|
167 keywords = keywords.split(','); |
|
168 for(var i=0; i<= keywords.length; i++){ |
|
169 if($.trim(keywords[i]) == keyword){ |
|
170 item.find('.curtain').show(); |
|
171 } |
|
172 } |
|
173 }); |
|
174 iconAction.addClass('circle'); |
|
175 } |
|
176 //map |
56 //map |
177 if($('#map').length){ |
57 if($('#map').length){ |
178 initmap() |
58 initmap() |
179 } |
59 } |
180 function initmap() { |
60 function initmap() { |