Add close button to case study detail pages.

diff --git a/framework/application/views/helpers/CasestudiesDetail.php b/framework/application/views/helpers/CasestudiesDetail.php
index d478ddd7d5fe93d153c40828a933b6ed1d3869d7..4e07e9cf2f043348f383471185dd92aeb264f6fc 100644 (file)
--- a/framework/application/views/helpers/CasestudiesDetail.php
+++ b/framework/application/views/helpers/CasestudiesDetail.php
@@ -10,6 +10,7 @@ class Cubedesigners_View_Helper_CasestudiesDetail extends CubeIT_View_Helper_Abs
                $res.='<div class="content">';
                $res.='<h1>' . $studie->titre . '</h1>';
                $res.='<h2>' . $studie->description . '</h2>';
+        $res.= $this->view->link(__('Fermer'), $this->currentPage->getParent()->getHref(), array('class' => 'close', 'id' => 'closeButton'));
                $res.='</div>';
 
                $res .= '<div class="casestudies-detail-visuel">';

diff --git a/js/casestudies.js b/js/casestudies.js
index be4a455d427f5268bbe9459db215bcd8921d51e3..c312610125ea644820eb97a3cf6f0c3a05301b92 100644 (file)
--- a/js/casestudies.js
+++ b/js/casestudies.js
@@ -4,6 +4,16 @@ var showIds = new Array();
 
 function load_casestudies() {
        initTagsLink();
+
+    // Check referrer and if it is a cubedesigners page, switch to a history.back() link instead of a standard link to speed things up
+    if(document.referrer.indexOf("cubedesigners.") > -1) {
+        $("#closeButton").on('click',function(){
+            console.log('using back button...');
+            history.back();
+            return false;
+        });
+    }
+
 }
 
 function initTagsLink() {

diff --git a/less/casestudies_detail.less b/less/casestudies_detail.less
index d5c346d17bb20dc25dfa2ab5af3dee5e235f63f9..50388f8ce818f91e4f82da8342738e7e532b5d47 100644 (file)
--- a/less/casestudies_detail.less
+++ b/less/casestudies_detail.less
@@ -114,4 +114,23 @@
                        position: relative;
                }
        }
+}
+
+#closeButton {
+  display: inline-block;
+  position: absolute;
+  right: 34px;
+  top: 50%;
+  margin-top: -13px; // Half of line-height to position vertically in the centre
+  background-image: url(../images/close-portfolio.png);
+  background-repeat: no-repeat;
+  background-position: right center;
+  padding-right: 33px;
+  color: #545454;
+  font-size: 14px;
+  line-height: 26px;
+
+  &:hover {
+    color: #000;
+  }
 }
\ No newline at end of file