From e4636f1e7e71666c28ebb9aa4aad5e545c1411dc Mon Sep 17 00:00:00 2001
From: niv-openerp <nicolas.vanhoren@openerp.com>
Date: Tue, 12 Apr 2011 13:14:56 +0200
Subject: [PATCH] [IMP] Css improvements for sidebar.

bzr revid: nicolas.vanhoren@openerp.com-20110412111456-zms7v8qapa2f1r50
---
 addons/base/static/src/css/base.css        |  28 ++++++++++++++
 addons/base/static/src/img/toggle-a-bg.png | Bin 0 -> 412 bytes
 addons/base/static/src/js/views.js         |   5 +++
 addons/base/static/src/xml/base.xml        |  41 ++++++++++++---------
 4 files changed, 56 insertions(+), 18 deletions(-)
 create mode 100644 addons/base/static/src/img/toggle-a-bg.png

diff --git a/addons/base/static/src/css/base.css b/addons/base/static/src/css/base.css
index dde45195c6e..b7a9d6c7d60 100644
--- a/addons/base/static/src/css/base.css
+++ b/addons/base/static/src/css/base.css
@@ -559,6 +559,10 @@ body.openerp {
 }
 
 .openerp .sidebar-main-div {
+    height:100%;
+}
+
+.openerp .sidebar-sub-div {
     padding:0;
     margin:0;
     width:180px;
@@ -570,6 +574,14 @@ body.openerp {
     font-size: 0.9em;
 }
 
+.openerp .closed-sidebar .sidebar-sub-div {
+    width:22px;
+}
+
+.openerp .closed-sidebar .sidebar-displaying-div {
+    display:none;
+}
+
 .openerp .sidebar-main-div a {
     color: #555;
     text-decoration: none;
@@ -609,3 +621,19 @@ body.openerp {
     padding: 3px 3px 3px 10px;
 }
 
+.openerp .toggle-sidebar {
+    border-color: #D2CFCF;
+    border-style: solid;
+    border-width: 1px;
+    display: block;
+    background: url(../img/toggle-a-bg.png);
+    width: 21px;
+    height: 21px;
+    position: absolute;
+    z-index: 10;
+}
+.openerp .open-sidebar .toggle-sidebar {
+    margin-left: 158px;
+    background-position: 21px 0;
+}
+
diff --git a/addons/base/static/src/img/toggle-a-bg.png b/addons/base/static/src/img/toggle-a-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9837ab233e5ef387e09fc655e8fc81d8bea286f
GIT binary patch
literal 412
zcmV;N0b~A&P)<h;3K|Lk000e1NJLTq001fg000&U0{{R3fu;Vx0001)P)t-skB^W0
z`ug_v_S)Loj*gDb&d&Mx_|?_b{QLX%^YifV@c#Y%<mBX%l9H{ht-Zay$H&K%l$6`s
z+xhqR`1bbn^YilZ^5Nm(mzS6K_4WGr_@<_&x3;#jva;FO*s!p$udlC|n3$fPp6u-G
z`}_O+{QUj>{r&v>`uh6%`T6+x`1SMi?d$9G^78ie_4oJp@$c{c{{H{}{}P0$7XSbN
zzDYzuRCwCO$~O|iKmbEg**K6fIVa<|1OxX!91JUl0u^+;PJe{^&;EbCse04bpP{9y
zjL1}#5qW00>#(^Ua4-(G&2a5zgfzES{c(36a4-h@?zq3o3H9`)4Zr5qQesS>$w!+5
z_2ebOq1Txt#F$Jvy#pc+IE582&1_fDJMLy?85abnw5ISwZ^Oa3@j@TdlHeGtFm6)0
z95SM;K1@Y2qPz$)VsZS|kP*RIkP*YHAR|U6K}O84f{YJy6qvEHn2#p_0000<MNUMn
GLSTaJLhd^N

literal 0
HcmV?d00001

diff --git a/addons/base/static/src/js/views.js b/addons/base/static/src/js/views.js
index 12935c72132..5ec7906394e 100644
--- a/addons/base/static/src/js/views.js
+++ b/addons/base/static/src/js/views.js
@@ -199,6 +199,11 @@ openerp.base.Sidebar = openerp.base.BaseWidget.extend({
     refresh: function() {
         this.$element.html(QWeb.render("ViewManager.sidebar.internal", _.extend({_:_}, this)));
         var self = this;
+        this.$element.find(".toggle-sidebar").click(function(e) {
+            self.$element.toggleClass('open-sidebar closed-sidebar');
+            e.stopPropagation();
+            e.preventDefault();
+        });
         this.$element.find("a").click(function(e) {
             var $this = jQuery(this);
             var i = $this.attr("data-i");
diff --git a/addons/base/static/src/xml/base.xml b/addons/base/static/src/xml/base.xml
index 4c8e0d07f36..391a26f45de 100644
--- a/addons/base/static/src/xml/base.xml
+++ b/addons/base/static/src/xml/base.xml
@@ -525,28 +525,33 @@
     <input t-att-id="element_id"/>
 </t>
 <t t-name="ViewManager.sidebar">
-    <div t-att-id="element_id" class="sidebar-main-div">
+    <div t-att-id="element_id" class="sidebar-main-div open-sidebar">
 
     </div>
 </t>
 <t t-name="ViewManager.sidebar.internal">
-    <t t-if="sections.length &gt; 0 &amp;&amp; _.detect(sections, function(x) {return x.elements.length &gt; 0;}) != undefined">
-    <div t-att-id="element_id" class="sidebar-sub-div">
-        <t t-set="i" t-value="0"/>
-        <t t-foreach="sections" t-as="section">
-        <t t-if="section.elements.length &gt; 0">
-        <h2><t t-esc="section.label"/></h2>
-        <ul>
-            <t t-set="j" t-value="0"/>
-            <t t-foreach="section.elements" t-as="element">
-                <li><a t-att-data-i="i" t-att-data-j="j" href="#"><t t-esc="element.name"/></a></li>
-                <t t-set="j" t-value="j+1"/>
-            </t>
-        </ul>
-        </t>
-        <t t-set="i" t-value="i+1"/>
-        </t>
-    </div>
+    <t t-set="the_condition" t-value="sections.length &gt; 0 &amp;&amp; _.detect(sections, function(x)
+        {return x.elements.length &gt; 0;}) != undefined"/>
+    <t t-if="the_condition">
+        <a class="toggle-sidebar"></a>
+        <div t-att-id="element_id" class="sidebar-sub-div">
+            <div class="sidebar-displaying-div">
+                <t t-set="i" t-value="0"/>
+                <t t-foreach="sections" t-as="section">
+                    <t t-if="section.elements.length &gt; 0">
+                    <h2><t t-esc="section.label"/></h2>
+                    <ul>
+                        <t t-set="j" t-value="0"/>
+                        <t t-foreach="section.elements" t-as="element">
+                            <li><a t-att-data-i="i" t-att-data-j="j" href="#"><t t-esc="element.name"/></a></li>
+                            <t t-set="j" t-value="j+1"/>
+                        </t>
+                    </ul>
+                    </t>
+                    <t t-set="i" t-value="i+1"/>
+                </t>
+            </div>
+        </div>
     </t>
 </t>
 <t t-name="DialogWarning">