From 346d439591bbc1e2a7567bce4b53f79598055beb Mon Sep 17 00:00:00 2001
From: Fabien Meghazi <fme@openerp.com>
Date: Wed, 9 Mar 2011 16:03:38 +0100
Subject: [PATCH] Added header right corner

bzr revid: fme@openerp.com-20110309150338-manveau1sy99fotm
---
 addons/base/static/openerp/base.css        | 64 +++++++++++++++++++++-
 addons/base/static/openerp/base.xml        | 25 ++++++++-
 addons/base/static/openerp/openerp.base.js |  4 +-
 3 files changed, 88 insertions(+), 5 deletions(-)

diff --git a/addons/base/static/openerp/base.css b/addons/base/static/openerp/base.css
index 6e36ec906d6..5566e4f8fc0 100644
--- a/addons/base/static/openerp/base.css
+++ b/addons/base/static/openerp/base.css
@@ -24,6 +24,7 @@ body {
 .openerp {
 }
 
+/* Loading */
 .openerp .loading {
     display: none;
     z-index: 1000;
@@ -36,6 +37,7 @@ body {
     text-align: center;
 }
 
+/* Login */
 .openerp .login {
     display: none;
     padding: 6px;
@@ -53,6 +55,7 @@ body {
     background-color: #f88;
 }
 
+/* Main */
 .openerp .main {
     padding: 6px;
 }
@@ -63,6 +66,7 @@ body {
     text-shadow: white 0 1px 0;
 }
 
+/* Menu */
 .openerp .sf-menu {
     margin-bottom: 0px;
 }
@@ -115,8 +119,66 @@ body {
 .openerp .header_corner {
     float: right;
 }
+.openerp .header_corner .block {
+    float: left;
+    height: 34px;
+    line-height: 34px;
+    /*background: url(../images/top-sep-a.png) no-repeat;*/
+    border-left: 1px solid #6a6a6a;
+    background: #828282;
+    background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
+}
+.openerp .header_corner .block a {
+    display: block;
+    color: white;
+    text-decoration: none;
+    padding: 0 10px;
+}
+.openerp .header_corner .block a:hover {
+    background: #929292;
+    background: -moz-linear-gradient(top, #929292 0%, #4D4D4D 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#4D4D4D));
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#4D4D4D',GradientType=0 );
+}
+.openerp .header_corner ul.block {
+    /*float: left;*/
+    list-style: none;
+    height: 34px;
+    margin: 0;
+    padding: 0 0 0 2px;
+    /*background: url(../images/top-sep-a.png) no-repeat;*/
+    line-height: 33px;
+    /*font-size: 1em;*/
+    /*text-transform: uppercase;*/
+}
+.openerp .header_corner ul.block li {
+    float: left;
+}
+.openerp .header_corner ul.block li a {
+    padding: 0 5px;
+    position: relative;
+    line-height: 32px;
+}
+.openerp .header_corner ul.block li a img {
+    vertical-align: middle;
+}
+.openerp .header_corner ul.block li a small {
+    position: absolute;
+    right: 0;
+    top: 5px;
+    padding: 1px 4px 2px;
+    background: #333;
+    background: rgba(0, 0, 0, 0.75);
+    border-radius: 7px;
+    -moz-border-radius: 7px;
+    -webkit-border-radius: 7px;
+    line-height: 1em;
+    font-weight: bold;
+}
 
-/* Header */
+/* Footer */
 .openerp .footer {
     text-align: center;
 }
diff --git a/addons/base/static/openerp/base.xml b/addons/base/static/openerp/base.xml
index fc4c65befcf..5dc9055662e 100644
--- a/addons/base/static/openerp/base.xml
+++ b/addons/base/static/openerp/base.xml
@@ -2,7 +2,7 @@
 <!-- vim:fdl=1:
 -->
 <templates id="template" xml:space="preserve">
-<t t-name="interface">
+<t t-name="Interface">
     <div id="oe_loading" class="loading"></div>
     <div id="oe_login" class="login"></div>
     <div id="oe_header" class="header"></div>
@@ -21,7 +21,7 @@
 <t t-name="Loading">
     Loading...
 </t>
-<t t-name="login">
+<t t-name="Login">
     <form>
         Login: <input type="text" name="login" value="admin"/><br/>
         Password: <input type="password" name="password" value="a"/><br/>
@@ -37,6 +37,27 @@
         <small class="username">$username</small>
     </h1>
     <div class="header_corner">
+        <ul class="block">
+            <li>
+                <a href="#home" title="Home" class="home"><img src="/base/static/openerp/img/header-home.png" width="16" height="16" border="0"/></a>
+            </li>
+            <li>
+                <a href="#requests" title="Requests" class="requests"><img src="/base/static/openerp/img/header-requests.png" width="16" height="16" border="0"/><small>1</small></a>
+            </li>
+            <li class="preferences">
+                <a href="#preferences" title="Preferences" class="preferences"><img src="/base/static/openerp/img/header-preferences.png" width="16" height="16" border="0"/></a>
+            </li>
+            <li>
+                <a href="#about" title="About" class="about"><img src="/base/static/openerp/img/header-about.png" width="16" height="16" border="0"/></a>
+            </li>
+            <li>
+                <a href="http://doc.openerp.com/v6.0/book?version=$version" title="Help" target="_blank" class="help"><img src="/base/static/openerp/img/header-help.png" width="16" height="16" border="0"/></a>
+            </li>
+        </ul>
+        <div class="block">
+            <a href="#logout" class="logout">LOGOUT</a>
+        </div>
+
     </div>
 </t>
 <t t-name="Menu.root">
diff --git a/addons/base/static/openerp/openerp.base.js b/addons/base/static/openerp/openerp.base.js
index 3a22f63361f..7facc639067 100644
--- a/addons/base/static/openerp/openerp.base.js
+++ b/addons/base/static/openerp/openerp.base.js
@@ -384,7 +384,7 @@ openerp.base.Login =  openerp.base.Controller.extend({
         this._super(session, element_id);
     },
     start: function() {
-        this.$element.html(QWeb.render("login", {}));
+        this.$element.html(QWeb.render("Login", {}));
         this.on_login_invalid();
         this.$element.find("form").submit(this.on_submit);
     },
@@ -774,7 +774,7 @@ openerp.base.WebClient = openerp.base.Controller.extend({
         this._super(null, element_id);
 
         QWeb.add_template("base.xml");
-        this.$element.html(QWeb.render("interface", {}));
+        this.$element.html(QWeb.render("Interface", {}));
 
         this.session = new openerp.base.Session("oe_errors");