Start working on layout
bzr revid: fme@openerp.com-20110308224758-si0b41r1nvpb0ban
This commit is contained in:
Fabien Meghazi
parent
a22866c19f
commit
be420bc347
|
|
@ -3,7 +3,7 @@ body {
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: helvetica, sans, arial;
|
||||
/* TODO: We must check best practice for font-size */
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.oe_box {
|
||||
|
|
@ -53,6 +53,10 @@ body {
|
|||
background-color: #f88;
|
||||
}
|
||||
|
||||
.openerp .main {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.openerp h3.title {
|
||||
margin: 2px 0;
|
||||
color: #252424;
|
||||
|
|
@ -68,34 +72,84 @@ body {
|
|||
}
|
||||
*/
|
||||
|
||||
/* Header */
|
||||
.openerp .header {
|
||||
height: 65px;
|
||||
background: url("img/header-background.png") repeat-x scroll left top transparent;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0.5px;
|
||||
text-shadow: 0 1px 0 #333333;
|
||||
}
|
||||
.openerp .company_logo_link {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 63px;
|
||||
width: 200px;
|
||||
margin-right: 10px;
|
||||
line-height: 63px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
border-top: 1px solid white;
|
||||
border-left: 1px solid white;
|
||||
background: #FFFFFF;
|
||||
background: -moz-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CECECE));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CECECE',GradientType=0 );
|
||||
}
|
||||
.openerp .company_logo {
|
||||
vertical-align: middle
|
||||
}
|
||||
.openerp .header_title {
|
||||
float: left;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 4px 0;
|
||||
text-shadow: 0 1px 0 #111111;
|
||||
}
|
||||
.openerp .header_title small {
|
||||
color: #ccc;
|
||||
font-size: 90%;
|
||||
font-weight: normal;
|
||||
}
|
||||
.openerp .header_corner {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.openerp .footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* SearchView */
|
||||
|
||||
.openerp .filter_label, .openerp .filter_icon {
|
||||
border: 1px solid #666;
|
||||
border-left-width: 0;
|
||||
background: #F0F0F0; /* old browsers */
|
||||
background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%); /* firefox */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0)); /* webkit */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 ); /* ie */
|
||||
background: #F0F0F0;
|
||||
background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
|
||||
}
|
||||
.openerp .filter_label:hover, .openerp .filter_icon:hover {
|
||||
background: #F0F0F0; /* old browsers */
|
||||
background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%); /* firefox */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE)); /* webkit */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 ); /* ie */
|
||||
background: #F0F0F0;
|
||||
background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
|
||||
}
|
||||
.openerp .filter_label:active, .openerp .filter_icon:active {
|
||||
background: #AAAAAA; /* old browsers */
|
||||
background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%); /* firefox */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE)); /* webkit */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 ); /* ie */
|
||||
background: #AAAAAA;
|
||||
background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
|
||||
}
|
||||
.openerp .filter_label.enabled, .openerp .filter_icon.enabled {
|
||||
background: #AAAAAA;
|
||||
}
|
||||
.openerp .filter_icon {
|
||||
padding: 1px 2px 0px 2px;
|
||||
margin: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.openerp .filter_label {
|
||||
font-weight: bold;
|
||||
|
|
|
|||
|
|
@ -5,18 +5,16 @@
|
|||
<t t-name="interface">
|
||||
<div id="oe_loading" class="loading"></div>
|
||||
<div id="oe_login" class="login"></div>
|
||||
<div id="oe_header" style="padding: 4px; border-bottom: 1px solid #000;">
|
||||
<h2>OpenERP Web Client <span style="font-size:50%; font-weight: normal;"><br/>Codename: from __future__ import openerpweb</span></h2>
|
||||
</div>
|
||||
<div id="oe_header" class="header"></div>
|
||||
<div id="oe_menu" style="border-bottom: 1px solid #000;"></div>
|
||||
<div id="oe_main" style="padding-bottom: 6px; border-bottom: 1px solid #000;"></div>
|
||||
<div id="oe_footer" style="text-align: center; font-size: 75%;">
|
||||
<div id="oe_main" class="main"></div>
|
||||
<div id="oe_footer" class="footer">
|
||||
Powered by OpenERP.
|
||||
</div>
|
||||
<div id="oe_errors" style="font-size: 90%;">
|
||||
Debug:
|
||||
<div id="oe_errors">
|
||||
Debug:
|
||||
</div>
|
||||
<div style="position: absolute; right: 0; top: 0;">
|
||||
<div style="position: absolute; right: 2px; top: 38px;">
|
||||
<button onclick="QWeb.add_template('base.xml'); $('body').css('background-color', '#FFFF9C'); setTimeout(function() { $('body').css('background-color', '#FFF'); }, 500);">Reload QWEB</button>
|
||||
</div>
|
||||
</t>
|
||||
|
|
@ -30,6 +28,17 @@
|
|||
<input type="submit" name="submit" value="Login"/>
|
||||
</form>
|
||||
</t>
|
||||
<t t-name="Header">
|
||||
<a href="/" class="company_logo_link">
|
||||
<img src="/base/static/openerp/img/logo.png" border="0" class="company_logo"/>
|
||||
</a>
|
||||
<h1 class="header_title">
|
||||
<span class="company">$company</span> - (<span class="database">$database</span>)<br/>
|
||||
<small class="username">$username</small>
|
||||
</h1>
|
||||
<div class="header_corner">
|
||||
</div>
|
||||
</t>
|
||||
<t t-name="Menu.root">
|
||||
<ul class="sf-menu">
|
||||
<t t-foreach="data.children" t-as="menu">
|
||||
|
|
|
|||
|
|
@ -371,7 +371,12 @@ openerp.base.Loading = openerp.base.Controller.extend({
|
|||
});
|
||||
|
||||
openerp.base.Header = openerp.base.Controller.extend({
|
||||
// TODO both header and footer
|
||||
init: function(session, element_id) {
|
||||
this._super(session, element_id);
|
||||
},
|
||||
start: function() {
|
||||
this.$element.html(QWeb.render("Header", {}));
|
||||
},
|
||||
});
|
||||
|
||||
openerp.base.Login = openerp.base.Controller.extend({
|
||||
|
|
@ -777,6 +782,8 @@ openerp.base.WebClient = openerp.base.Controller.extend({
|
|||
|
||||
this.login = new openerp.base.Login(this.session, "oe_login");
|
||||
|
||||
this.header = new openerp.base.Header(this.session, "oe_header");
|
||||
|
||||
// TODO MOVE ALL OF THAT IN on_loggued
|
||||
// after pooler udpate of modules
|
||||
// Cool no ?
|
||||
|
|
@ -792,6 +799,7 @@ openerp.base.WebClient = openerp.base.Controller.extend({
|
|||
start: function() {
|
||||
this.loading.start();
|
||||
this.login.start();
|
||||
this.header.start();
|
||||
this.menu.start();
|
||||
this.action.start();
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue