diff -r 39a17b6e0b57 -r 09ad16c9fee5 integration/v2/18-19-20-21-collection_vue_mosaique.html --- a/integration/v2/18-19-20-21-collection_vue_mosaique.html Wed Jun 26 18:22:30 2013 +0200 +++ b/integration/v2/18-19-20-21-collection_vue_mosaique.html Thu Jun 27 11:09:25 2013 +0200 @@ -156,23 +156,25 @@

+ + +
@@ -198,85 +200,8 @@
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.
-
-
- -
-
-
Dolores ipsum des dolores
-
Théodore Chasseriau
-
-
-
-
-
-
-
Dolores ipsum des dolores
-
Théodore Chasseriau
-
-
Lorem ipsum dolor
-
-
-
-
- -
-
-
azerty qwerty allo hello
-
Théodore Chasseriau
-
-
-
-
-
-
-
azerty qwerty allo hello
-
Théodore Chasseriau
-
-
azerty qwerty allo hello azerty qwerty allo hello
-
-
-
-
- -
-
-
Sapho
-
Théodore Chasseriau
-
-
-
-
-
-
-
Sapho
-
Théodore Chasseriau
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.
-
-
+ +
@@ -302,33 +227,8 @@
Lorem ipsum dolor
-
-
- -
-
-
azerty qwerty allo hello
-
Théodore Chasseriau
-
-
-
-
-
-
-
azerty qwerty allo hello
-
Théodore Chasseriau
-
-
azerty qwerty allo hello azerty qwerty allo hello
-
-
+ +
@@ -354,7 +254,35 @@
azerty qwerty allo hello azerty qwerty allo hello
+ +
+
+
+ +
+
+
Sapho
+
Théodore Chasseriau
+
+
+
+
+
+
+
Sapho
+
Théodore Chasseriau
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.
+
+
@@ -380,7 +308,8 @@
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.
+ +
@@ -406,7 +335,8 @@
Lorem ipsum dolor
+ +
@@ -432,6 +362,33 @@
azerty qwerty allo hello azerty qwerty allo hello
+
+
+ +
+
+
Sapho
+
Théodore Chasseriau
+
+
+
+
+
+
+
Sapho
+
Théodore Chasseriau
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.
+
+

diff -r 39a17b6e0b57 -r 09ad16c9fee5 integration/v2/css/style.css --- a/integration/v2/css/style.css Wed Jun 26 18:22:30 2013 +0200 +++ b/integration/v2/css/style.css Thu Jun 27 11:09:25 2013 +0200 @@ -119,7 +119,7 @@ .list-projets-3{margin-bottom: 50px;} .list-projets-3>li{width: 465px; background-color: #eee; margin-bottom: 20px;} .list-projets-3 .col-left{position: relative;} -.list-projets-3 li img{max-width: 465px; display: inherit;} +.list-projets-3 li img{max-width: 465px; display: block; margin: 0 auto;} .list-projets-3 li.horizontal .col-left{ width: 225px;} .list-projets-3 li.horizontal .col-right{height:100%; width: 240px; } .list-projets-3 .project-title{position:relative; padding-left: 14px; font-size: 18px;height: 60px; border-bottom: 1px solid #CCC;} diff -r 39a17b6e0b57 -r 09ad16c9fee5 integration/v2/js/main.js --- 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()

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

Dolores ipsum des dolores

Théodore Chasseriau

Dolores ipsum des dolores

Théodore Chasseriau

azerty qwerty allo hello

Théodore Chasseriau

azerty qwerty allo hello

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

azerty qwerty allo hello

Théodore Chasseriau

azerty qwerty allo hello

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau

Sapho

Théodore Chasseriau