]> _ Git - cubedesigners-v7.git/commitdiff
(no commit message)
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Fri, 21 Nov 2014 13:52:04 +0000 (13:52 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Fri, 21 Nov 2014 13:52:04 +0000 (13:52 +0000)
12 files changed:
framework/application/layouts/scripts/layout.phtml
framework/application/views/helpers/CategoriesList.php
framework/application/views/helpers/HomeSlideshow.php
framework/application/views/helpers/Tags.php
framework/application/views/scripts/templates/agence.phtml
js/carrousel.js [deleted file]
js/casestudies.js
js/slideshow.js [new file with mode: 0644]
js/taglist.js
less/carrousel.less [deleted file]
less/common.less
less/slideshow.less [new file with mode: 0644]

index a4c278a09aacdceb6565a060389578e7721c3785..710784e5b3821183237afd17333788e4c640fc39 100644 (file)
@@ -1,21 +1,22 @@
-<?php\r
-\r
-//$fonts = array('custom' => array('families' => array('roboto_condensedlight'), 'urls' => array('/css/fonts/robotocondensed-light.css?nocache=1')));\r
-$fonts = array('google' => array('families' => array('Roboto+Condensed:400,300,700:latin')));\r
-$this->headScript()->addGSAP();\r
-$this->headScript()->addWebFont($fonts);\r
-\r
-if ($this->acl()->isAllowed('edition')) {\r
-        $this->headScript()->addCommonsAdmin();\r
-}\r
-$this->headScript()->addIEConditionnals();\r
-$this->headScript()->appendFile('/js/common.js');\r
-$this->headLink()->appendStylesheet('/less/common.less', 'all');\r
-\r
-$this->headMeta()->setViewport(1080);\r
-\r
-profile(__FILE__, __LINE__, 'Before rendering body');\r
-$res = $this->htmlPage($this->render('common/body.phtml'));\r
-profile(__FILE__, __LINE__, 'Body rendered');\r
-echo $res;\r
-endProfile();\r
+<?php
+
+//$fonts = array('custom' => array('families' => array('roboto_condensedlight'), 'urls' => array('/css/fonts/robotocondensed-light.css?nocache=1')));
+$fonts = array('google' => array('families' => array('Roboto+Condensed:400,300,700:latin')));
+$this->headScript()->addGSAP();
+$this->headScript()->addWebFont($fonts);
+$this->headScript()->addFastclick();
+
+if ($this->acl()->isAllowed('edition')) {
+       $this->headScript()->addCommonsAdmin();
+}
+$this->headScript()->addIEConditionnals();
+$this->headScript()->appendFile('/js/common.js');
+$this->headLink()->appendStylesheet('/less/common.less', 'all');
+
+$this->headMeta()->setViewport(1080);
+
+profile(__FILE__, __LINE__, 'Before rendering body');
+$res = $this->htmlPage($this->render('common/body.phtml'));
+profile(__FILE__, __LINE__, 'Body rendered');
+echo $res;
+endProfile();
index 8ad7142c44207d5037c5c7e71b36a9d8ef91d151..e3f5e604d310aa4fd2ad767f5ec47d246ef7e01a 100644 (file)
@@ -26,7 +26,7 @@ class Cubedesigners_View_Helper_CategoriesList extends Zend_View_Helper_Abstract
 
                $db = Zend_Db_Table::getDefaultAdapter();
                $s = $db->select()->from('categories')
-                               ->order('name ASC');
+                               ->order('id ASC');
                $q = $s->query();
 
 
@@ -37,8 +37,6 @@ class Cubedesigners_View_Helper_CategoriesList extends Zend_View_Helper_Abstract
                        }
                }
                $res.=$this->view->tags($tags, array('data-perline' => $itemsPerLine, 'data-list' => '#' . $listId));
-
-
                return $res;
        }
 
index 4f4b97f560b2bea15e1605b5885ed49e6c8a800c..43d1bdca47c2f10265224e58c8dd391758be5164 100644 (file)
@@ -51,5 +51,3 @@ class Cubedesigners_View_Helper_HomeSlideshow extends CubeIT_View_Helper_Abstrac
        }
 
 }
-
-?>
index d6c3e1cf88590b2e518f750446a20e9e6a79b4cd..0c48af6f9596678066c410ddad2e36ed8020e707 100644 (file)
@@ -17,8 +17,6 @@ class Cubedesigners_View_Helper_Tags extends CubeIT_View_Helper_ListUnordered {
                foreach ($tags as $id => $name) {
                        $items[] = array('content' => $name, 'data-id' => $id);
                }
-               fb($items);
-               fb($attrs);
                return $this->listUnordered($items, $attrs);
        }
 
index 7fbd109f3327573b4405da4a39d11baa142e2a0e..e849aef7c963ee067ff5ebd6d617e53017625cf0 100644 (file)
@@ -1,5 +1,6 @@
 <?php
 $this->headScript()->addScriptAndStyle('agence');
+$this->headScript()->addScriptAndStyle('slideshow');
 echo $this->twocols();
 ?>
 
@@ -13,7 +14,7 @@ echo $this->twocols();
 </section>
 
 <section>
-    <div class="agency-photo"><?php echo $this->imageSlideshowContinuous($this->photo, 545); ?></div>
+    <div class="agency-photo"><?php echo $this->imageSlideshowContinuous($this->photo, 650, array(), array('arrowspermanent' => 1)); ?></div>
 </section>
 
 <section>
diff --git a/js/carrousel.js b/js/carrousel.js
deleted file mode 100644 (file)
index b070873..0000000
+++ /dev/null
@@ -1,11 +0,0 @@
-registerLoader(loadCarrousel);
-
-function loadCarrousel() {
-       $(window).on('cubeitresize', function () {
-               var ww = $(window).width();
-               var m = (ww - 1600) / 2;
-               $(".slideshow .imgholder").css({marginLeft: m});
-               $(".slideshow .arrows").css({left: 960 + ((ww - 960) / 2) - 77 - 10});
-       });
-}
-
index e269a2ade208506ba3e100645acfb0e3db816d95..be4a455d427f5268bbe9459db215bcd8921d51e3 100644 (file)
@@ -1,56 +1,54 @@
-TO_LOAD_ONCE[TO_LOAD_ONCE.length]='load_casestudies();';\r
-\r
-var showIds = new Array();\r
-\r
-function load_casestudies() {\r
-    \r
-       initTagsLink();\r
-}\r
-\r
-function initTagsLink() {\r
-    \r
-    $(".tag").click(function() {\r
-       \r
-       \r
-        $(this).toggleClass('active');\r
-        \r
-        if( $(this).hasClass('active') ) {\r
-            if(  $(this).attr("data-id") != 0) {\r
-                showIds.push( $(this).attr("data-id") );\r
-            }else{\r
-                showIds = new Array();  \r
-                $(".tag").removeClass('active');\r
-            }\r
-        } else {\r
-            var index = $.inArray( $(this).attr("data-id"), showIds );\r
-            showIds.splice(index, 1);\r
-        }\r
-        \r
-        if( showIds.length > 0 ) {\r
-            $(".tag:first").removeClass('active');\r
-        }else{\r
-            $(".tag:first").addClass('active');\r
-        }\r
-        \r
-        displayStudies();\r
-    });\r
-    \r
-}\r
-\r
-function displayStudies() {\r
-    \r
-    if( showIds.length ) {\r
-        $('#casestudies-list .bloc').each(function(){\r
-            var categories = $(this).attr("data-categories");\r
-            if( $.inArray( categories, showIds ) == -1 ) {\r
-               $(this).fadeOut( 500, function() {}); \r
-            }else{\r
-               $(this).fadeIn( 500, function() {});  \r
-            }\r
-        });\r
-    }else{\r
-       $( '#casestudies-list .bloc' ).fadeIn( 500, function() {});\r
-    }\r
-    \r
-}\r
-\r
+TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_casestudies();';
+
+var showIds = new Array();
+
+function load_casestudies() {
+       initTagsLink();
+}
+
+function initTagsLink() {
+       $(".tag").click(function () {
+               $(this).toggleClass('active');
+
+               if ($(this).hasClass('active')) {
+                       if ($(this).attr("data-id") != 0) {
+                               showIds.push($(this).attr("data-id"));
+                       } else {
+                               showIds = new Array();
+                               $(".tag").removeClass('active');
+                       }
+               } else {
+                       var index = $.inArray($(this).attr("data-id"), showIds);
+                       showIds.splice(index, 1);
+               }
+
+               if (showIds.length > 0) {
+                       $(".tag:first").removeClass('active');
+               } else {
+                       $(".tag:first").addClass('active');
+               }
+
+               displayStudies();
+       });
+
+}
+
+function displayStudies() {
+
+       if (showIds.length) {
+               $('#casestudies-list .bloc').each(function () {
+                       var categories = $(this).attr("data-categories");
+                       if ($.inArray(categories, showIds) == -1) {
+                               $(this).fadeOut(500, function () {
+                               });
+                       } else {
+                               $(this).fadeIn(500, function () {
+                               });
+                       }
+               });
+       } else {
+               $('#casestudies-list .bloc').fadeIn(500, function () {
+               });
+       }
+}
+
diff --git a/js/slideshow.js b/js/slideshow.js
new file mode 100644 (file)
index 0000000..7785807
--- /dev/null
@@ -0,0 +1,13 @@
+registerLoader(loadCarrousel);
+
+function loadCarrousel() {
+       $(window).on('cubeitresize', function () {
+               var s = $(".slideshow,.slideshowcontinuous");
+               fb(s);
+               var ww = $(window).width();
+               var m = (ww - 1600) / 2;
+               $(s).find(".imgholder").css({marginLeft: m});
+               $(s).find(".arrows").css({left: 960 + ((ww - 960) / 2) - 77 - 10});
+       });
+}
+
index 9d24339a0f92bb175b52dfecd6632d8e64088efd..95091a539ef68a90deaaeae3f092bfcdf73c62a4 100644 (file)
                init: function () {
                        var $this = this;
                        this.element.on('click', "li[data-id]", function () {
-                               fb(this);
                                if ($(this).hasClass('active')) {
                                        return false;
                                }
 
                                var id = $(this).data('id');
-
                                $this.filter(id);
 
                                $(this).siblings().removeClass('active');
diff --git a/less/carrousel.less b/less/carrousel.less
deleted file mode 100644 (file)
index 2fdabd0..0000000
+++ /dev/null
@@ -1,89 +0,0 @@
-
-/* Home Slideshow */
-#home-slideshow {
-       height:572px;
-       overflow:visible;
-    .slides-holder {
-               height:572px;
-               overflow:visible;
-
-               .slides {
-                       height:572px;
-                       position:relative;
-                       width:100%;
-                       overflow:visible;
-
-                       .slide {
-                               position:absolute;
-                               display:none;
-                               background-repeat: repeat-x;
-                               background-position: 0 100%;
-                               width:100%;
-                               height:572px;
-                               overflow:visible;
-                               .masque{
-                                       width:100%;
-                                       position: relative;
-                                       overflow:hidden;
-                                       .imgholder{
-                                               width:1600px;
-                                               height:572px;
-                                               position: relative;
-                                               margin:0 auto;
-                                               overflow:visible;
-
-                                               img,canvas{
-
-                                               }
-                                       }
-                               }
-                       }
-                       a {
-                               margin:0;
-                               padding: 0;
-                       }
-
-
-                       .arrows{
-                               position:absolute;
-                               bottom:48px;
-                               display:block;
-                               width:77px;
-                               height:38px;
-                               white-space:nowrap;
-                               z-index:3;
-                               a {
-                                       background-color: transparent;
-                                       width: 37px;
-                                       height: 38px;
-                                       top:auto !important;
-                                       display:inline-block;
-                                       position:static;
-                                       border-radius:3px;
-
-                                       //padding: 0 0 25px;
-                                       &:hover {
-                                               background-color: #3885e0;
-                                       }
-
-                                       &.prev {
-                                               background-image: url('../images/slideshow/arrows.png');
-                                               background-position: 10px 8px;
-                                               margin-right: 10px;
-                                       }
-
-                                       &.next {
-                                               background-image: url('../images/slideshow/arrows.png');
-                                               background-position: -26px 8px;
-                                       }
-                               }
-                       }
-               }
-       }
-}
-#slide-legend {
-       padding: 25px 0 0 0;
-       margin-right: 30px;
-       font-size: 18px;
-       float:right;
-}
index 74243e136eba4b894e6b3cf48bd15ba33892746d..bf8d6e9526c412ba9137b8e0b1edb118a11b92db 100644 (file)
@@ -52,6 +52,7 @@ a.but {
        margin:15px 0 0 0;
        font-weight:400;
        font-size:16px;
+       text-decoration:none !important;
        &:hover,&.active {
                background-color: #84ae1e !important;
                color:#fff !important;
diff --git a/less/slideshow.less b/less/slideshow.less
new file mode 100644 (file)
index 0000000..ee4abf1
--- /dev/null
@@ -0,0 +1,111 @@
+/* Home Slideshow */
+#home-slideshow {
+       height:572px;
+       overflow:visible;
+    .slides-holder {
+               height:572px;
+               overflow:visible;
+
+               .slides {
+                       .slideshowmixin();
+               }
+       }
+}
+
+.slideshowcontinuous{
+
+       .slideshowmixin();
+       .arrows{
+               a{
+                       background-color:rgba(56,133,224,0.25);
+                       background-color:rgba(0,0,0,0.25);
+               }
+       }
+       .slide{
+               background-repeat: no-repeat;
+               background-size:cover;
+               background-position:50% 50% !important;
+       }
+
+}
+
+#slide-legend {
+       padding: 25px 0 0 0;
+       margin-right: 30px;
+       font-size: 18px;
+       float:right;
+}
+
+.slideshowmixin(){
+
+       height:572px;
+       position:relative;
+       width:100%;
+       overflow:visible;
+
+       .slide {
+               position:absolute;
+               display:none;
+               background-repeat: repeat-x;
+               background-position: 0 100%;
+               width:100%;
+               height:572px;
+               overflow:visible;
+               .masque{
+                       width:100%;
+                       position: relative;
+                       overflow:hidden;
+                       .imgholder{
+                               width:1600px;
+                               height:572px;
+                               position: relative;
+                               margin:0 auto;
+                               overflow:visible;
+
+                               img,canvas{
+
+                               }
+                       }
+               }
+       }
+       a {
+               margin:0;
+               padding: 0;
+       }
+
+
+       .arrows{
+               position:absolute;
+               bottom:48px;
+               display:block;
+               width:77px;
+               height:38px;
+               white-space:nowrap;
+               z-index:3;
+               a {
+                       background-color: transparent;
+                       width: 37px;
+                       height: 38px;
+                       top:auto !important;
+                       display:inline-block;
+                       position:static;
+                       border-radius:3px;
+
+                       //padding: 0 0 25px;
+                       &:hover {
+                               background-color: #3885e0;
+                       }
+
+                       &.prev {
+                               background-image: url('../images/slideshow/arrows.png');
+                               background-position: 10px 8px;
+                               margin-right: 10px;
+                       }
+
+                       &.next {
+                               background-image: url('../images/slideshow/arrows.png');
+                               background-position: -26px 8px;
+                       }
+               }
+       }
+}
\ No newline at end of file