From 795e1370111dbe6754d943d355b0100e17f222b4 Mon Sep 17 00:00:00 2001
From: Olivier Mayer <blind1009@gmail.com>
Date: Fri, 20 Mar 2015 19:23:08 +0900
Subject: [PATCH] Sidebar fix

fix #26, fix #21
---
 templates/web/prod/index.html.twig      |   6 +---
 www/skins/icons/workzoneEscamote_on.png | Bin 0 -> 1108 bytes
 www/skins/prod/000000/prodcolor.css     |  16 +++++++++
 www/skins/prod/jquery.main-prod.js      |  41 ++++++++++++++++++++++--
 4 files changed, 56 insertions(+), 7 deletions(-)
 create mode 100644 www/skins/icons/workzoneEscamote_on.png

diff --git a/templates/web/prod/index.html.twig b/templates/web/prod/index.html.twig
index 93f3bd7410..763833cb62 100644
--- a/templates/web/prod/index.html.twig
+++ b/templates/web/prod/index.html.twig
@@ -185,6 +185,7 @@
         <div id="idFrameC" class="PNB" style="right:auto;width:{{ w1 ~ '%' }}">
             <div class="PNB wrapper">
                 <div class="tabs ui-tabs">
+                    <div id="retractableButton"></div>
                     <ul class="icon-menu ui-tabs-nav ui-helper-reset">
                         {% if GV_thesaurus %}
                         <li class="proposals_WZ">
@@ -199,11 +200,6 @@
                             </a>
                         </li>
                         {% endif %}
-                        <li style="float:right;">
-                            <a href="#" class="escamote">
-                                <img src="/skins/icons/workzoneEscamote.png" title="{{ 'Close the WorkZone' | trans }}"/>
-                            </a>
-                        </li>
                         <li class="ui-tabs-selected ui-corner-top">
                             <a href="#baskets" class="WZbasketTab">
                                 <div id="basket_menu_trigger">&#9660;</div>
diff --git a/www/skins/icons/workzoneEscamote_on.png b/www/skins/icons/workzoneEscamote_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3c697139a0775369a1d91dbc9243cb9cf41def9
GIT binary patch
literal 1108
zcmaJ=O-K|`9G}gKl9fCZs2DxRh?I6dR%h0oTy5RiZ5NtN*QNGQ(Cp099dtgNdE2hi
zA&W$#Ls1aaMK4kvq&gH)kdj1QBKn}{SWt9IiXafNH|lB!ZJ3$&-k<;P_y7Gr-dJby
za7B4dIYAH=iMW`;tJnRuZN>j%`4ivpQjMY+)NS^lf^0(~teRN}61v<AQ&3h12VTNf
zf+*Xor86ia9T5~$r)1ZMD(V(S6GUr!(UO%uh(H$hYDS3s@%SkTG&MvX=Ojk5A~2`L
zhiuqAluRo_eM(Rz+uJ~EQNRQ`L^3Gq{e~kHL*x>#fcLJMCc%;m>I;#}qB2q^h?q76
z9M$Ag7?uS*PqED$&$9=BpJDwpgJ0gqHVYgt_yb_&A#pTY?GaL9Y$X;xg~%L2mO#^m
zLV+qYQKsEXv%z4{<?#D`*u&=x8b~hs45z-tAVNp6H4AB`0bE8oYvxgi#7dV_(5+Qk
z!&xa4E*M>uEt;hmH>HxJB>mr2*H^tAl!9w|*Clq+gBGMy&@uD2f*aRU?}oC3hz(_A
z+G*45FIBNKXCl+dnHGq2^I*RuE1KaN8kP`}BqR(6$%X<GVu-{Xl%}Zy6JVOSV6-I?
zU^-Yf+8pGfOqk{QCN98pVmMsFil&m+p@B+RbqyQb5bF+uZsEuxw6)VvjoGFSmXa2<
zb+p97EnLhW;39l1w!W5Sth$bt6)e9Ymd0Xex3&MYx@5xh<8D_67avwf9~yYxZ9Ld>
zU5_5(OYuA*hSSAQ*(XE4?^KtSMQSUr=QM4Bc;o#rb@Ex|dC$J_=?1Xi9qlD{`G+^(
z8=E1%EG{lqk57IrYv2GCyT3i+o$}lPyH!tmW>0^1f6aJ#_UyIV%A;Ev|BO;2pWAND
zUnd$)g5>nRkqJ+(CSLa<*mrkqV!o~>eqqx<<Lh@HKF($?@0|DC7D2Kjb*XOa15e|X
z?X%wxjUA3(?3$e>s@}djbcPtshi`<dZdQ5Ew=V1${WUy!BKGqj&oaa|hB!WVHC=c=
QJ?P%^L^LT*b(}i)7sudbrT_o{

literal 0
HcmV?d00001

diff --git a/www/skins/prod/000000/prodcolor.css b/www/skins/prod/000000/prodcolor.css
index 3636c4710e..f4481c1bfc 100644
--- a/www/skins/prod/000000/prodcolor.css
+++ b/www/skins/prod/000000/prodcolor.css
@@ -216,6 +216,22 @@ span.ww_winTitle {
     top: 0 !important;
 }
 
+
+#idFrameC #retractableButton {
+    cursor: pointer;
+    width: 70px;
+    height: 70px;
+    float: right;
+    text-align: center;
+    line-height: 70px;
+    margin-bottom: -20px;
+    background: url("/skins/icons/workzoneEscamote.png") 30px 30px no-repeat;
+}
+
+#idFrameC.closed #retractableButton {
+    background: url("/skins/icons/workzoneEscamote_on.png") 30px 30px no-repeat;
+}
+
 #idFrameC .wrapper {
     background-color: #3b3b3b;
     right: 10px;
diff --git a/www/skins/prod/jquery.main-prod.js b/www/skins/prod/jquery.main-prod.js
index f400b12c79..7a075c9c94 100644
--- a/www/skins/prod/jquery.main-prod.js
+++ b/www/skins/prod/jquery.main-prod.js
@@ -1152,9 +1152,46 @@ $(document).ready(function () {
         }
     });
 
-    $('#idFrameC .escamote').bind('click', function (event) {
+    $('#idFrameC .ui-tabs-nav li').on('click', function (event) {
+        if($('#idFrameC').attr('data-status') == 'closed'){
+            $('#idFrameC').width(300);
+            $('#rightFrame').css('left', 300);
+            $('#rightFrame').width($(window).width()-300);
+            $('#baskets, #proposals, #thesaurus_tab').hide();
+            $('.ui-resizable-handle, #basket_menu_trigger').show();
+            var IDname = $(this).attr('aria-controls');
+            $('#'+IDname).show();
+        }
+
+        $('#idFrameC').attr('data-status', 'open');
+        $('.WZbasketTab').css('background-position', '9px 16px');
+        $('#idFrameC').removeClass('closed');
+    });
+
+    $('#idFrameC #retractableButton').bind('click', function (event) {
+        
+        if($('#idFrameC').attr('data-status') != 'closed'){
+            $('#idFrameC').width(80);
+            $('#rightFrame').css('left', 80);
+            $('#rightFrame').width($(window).width()-80);
+            $('#idFrameC').attr('data-status', 'closed');
+            $('#baskets, #proposals, #thesaurus_tab, .ui-resizable-handle, #basket_menu_trigger').hide();
+            $('#idFrameC .ui-tabs-nav li').removeClass('ui-state-active');
+            $('.WZbasketTab').css('background-position', '15px 16px');
+            $('#idFrameC').addClass('closed');
+        }else{
+            $('#idFrameC').width(300);
+            $('#rightFrame').css('left', 300);
+            $('#rightFrame').width($(window).width()-300);
+            $('#idFrameC').attr('data-status', 'open');
+            $('.ui-resizable-handle, #basket_menu_trigger').show();
+            $('.WZbasketTab').css('background-position', '9px 16px');
+            $('#idFrameC').removeClass('closed');
+        }
+        
+
         event.stopImmediatePropagation();
-        p4.WorkZone.close();
+        //p4.WorkZone.close();
         return false;
     });