[IMP] try a layout with titles and a colorful image header
bzr revid: abo@openerp.com-20120702143719-2jq6qofqgdhuqx3h
This commit is contained in:
parent
7df84c1d17
commit
42ca657773
|
@ -1,2 +1,6 @@
|
|||
id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
|
||||
|
||||
access_hr_employee_user,hr.employee user,hr.model_hr_employee,portal.group_portal_member,1,0,0,0
|
||||
access_res_partner,res.partner,base.model_res_partner,portal.group_portal_member,1,0,0,0
|
||||
access_res_partner_address,res.partner_address,base.model_res_partner_address,portal.group_portal_member,1,0,0,0
|
||||
access_res_partner_category,res.partner_category,base.model_res_partner_category,portal.group_portal_member,1,0,0,0
|
||||
access_res_partner_title,res.partner_title,base.model_res_partner_title,portal.group_portal_member,1,0,0,0
|
||||
|
|
|
|
@ -1,22 +1,86 @@
|
|||
/* Main container */
|
||||
/*
|
||||
* General layout
|
||||
*/
|
||||
|
||||
/* Root container */
|
||||
.openerp .oe_portal_crm_contact {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 0 0;
|
||||
}
|
||||
|
||||
/* Contact form */
|
||||
/* Sections containers */
|
||||
.oe_portal_crm_callout,
|
||||
.oe_portal_crm_contact_form,
|
||||
.oe_portal_crm_office,
|
||||
.oe_portal_crm_team {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/* Sections titles */
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_callout h1,
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_contact_form h1,
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_office h1 {
|
||||
display: inline-block;
|
||||
border-color: #4C4C4C;
|
||||
border-style: solid;
|
||||
}
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_callout h1 {
|
||||
border-width: 0 0 5px 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_contact_form h1,
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_office h1 {
|
||||
border-width: 5px 0 0 0;
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* Sections layout
|
||||
*/
|
||||
|
||||
/* Callout section */
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_callout
|
||||
{
|
||||
padding: 0 5px;
|
||||
/* background is defined directly in the view itself */
|
||||
}
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_callout .oe_portal_crm_background_wrapper {
|
||||
height: 180px;
|
||||
border-bottom: 1px solid #4C4C4C;
|
||||
border-top: 1px solid #4C4C4C;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_callout .oe_portal_crm_background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Contact form section */
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_contact_form input[type="text"] {
|
||||
width: 40%;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
/* Offices list */
|
||||
/* Offices list section */
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_office .oe_fold_column.oe_kanban_record {
|
||||
float: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
float: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 1px solid #D8D8D8;
|
||||
border-bottom-color: #B9B9B9;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/* Employees list */
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_contact {
|
||||
|
||||
}
|
||||
/* Employees list section */
|
||||
.openerp .oe_portal_crm_contact .oe_portal_crm_team .oe_fold_column.oe_kanban_record {
|
||||
width: 250px;
|
||||
border: 1px solid #D8D8D8;
|
||||
border-bottom-color: #B9B9B9;
|
||||
margin: 0 5px 5px 0;
|
||||
padding: 5px;
|
||||
}
|
||||
|
|
|
@ -10,11 +10,17 @@
|
|||
<field name="arch" type="xml">
|
||||
<form string="Contact wizard view" version="7.0">
|
||||
<div class="oe_portal_crm_contact">
|
||||
<div class="oe_portal_crm_callout">
|
||||
<h1>Contact OpenERP</h1>
|
||||
<div class="oe_portal_crm_background_wrapper">
|
||||
<div class="oe_portal_crm_background" style="background:url(https://lh5.googleusercontent.com/-FFcbJe8Ee1U/T6Aep2ug7hI/AAAAAAAAAD8/0lDMTMwUZTU/s1136/IMG_1170.JPG) center center"/>
|
||||
</div>
|
||||
</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td width="70%%">
|
||||
<h1>Get in touch</h1>
|
||||
<div class="oe_portal_crm_contact_form">
|
||||
<h1>Get in touch</h1>
|
||||
<field name="contact_name" placeholder="Name"/>
|
||||
<field name="name" placeholder="Company"/>
|
||||
<field name="email_from" placeholder="Email"/>
|
||||
|
@ -22,42 +28,6 @@
|
|||
<field name="description" placeholder="Your question"/>
|
||||
<button string="Submit" name="submit" type="object"/>
|
||||
</div>
|
||||
|
||||
<div class="oe_portal_crm_team">
|
||||
<h1>Meet the team</h1>
|
||||
<field name="employee_ids" widget="many2many_kanban">
|
||||
<kanban>
|
||||
<field name="last_login"/>
|
||||
<templates>
|
||||
<t t-name="kanban-box">
|
||||
<div class="oe_employee_vignette">
|
||||
<div class="oe_employee_image">
|
||||
<a type="edit"><img t-att-src="kanban_image('hr.employee', 'photo', record.id.value)" class="oe_employee_picture"/></a>
|
||||
</div>
|
||||
<div class="oe_employee_details">
|
||||
<h4><a type="edit"><field name="name"/> (<field name="login"/>)</a></h4>
|
||||
<ul>
|
||||
<li id="last_login">
|
||||
<span t-if="record.last_login.raw_value && record.last_login.raw_value.is().today()" class="oe_kanban_button" style="font-size: 100%%">
|
||||
<t t-esc="record.last_login.raw_value.toString('HH:mm')"/>
|
||||
</span>
|
||||
</li>
|
||||
<li t-if="record.job_id.raw_value"><field name="job_id"/></li>
|
||||
<li t-if="record.work_location.raw_value"><field name="work_location"/></li>
|
||||
<li t-if="record.work_phone.raw_value">Tel: <field name="work_phone"/></li>
|
||||
<li t-if="record.mobile_phone.raw_value">Mobile: <field name="mobile_phone"/></li>
|
||||
<li t-if="record.work_email.raw_value"><a t-attf-href="mailto:#{record.work_email.value}"><field name="work_email"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$('.oe_employee_picture').load(function() { if($(this).width() > $(this).height()) { $(this).addClass('oe_employee_picture_wide') } });
|
||||
</script>
|
||||
</t>
|
||||
</templates>
|
||||
</kanban>
|
||||
</field>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="oe_portal_crm_office">
|
||||
|
@ -93,6 +63,42 @@
|
|||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="oe_portal_crm_team">
|
||||
<h1>Meet the team</h1>
|
||||
<field name="employee_ids" widget="many2many_kanban">
|
||||
<kanban>
|
||||
<field name="last_login"/>
|
||||
<templates>
|
||||
<t t-name="kanban-box">
|
||||
<div class="oe_employee_vignette">
|
||||
<div class="oe_employee_image">
|
||||
<a type="edit"><img t-att-src="kanban_image('hr.employee', 'photo', record.id.value)" class="oe_employee_picture"/></a>
|
||||
</div>
|
||||
<div class="oe_employee_details">
|
||||
<h4><a type="edit"><field name="name"/> (<field name="login"/>)</a></h4>
|
||||
<ul>
|
||||
<li id="last_login">
|
||||
<span t-if="record.last_login.raw_value && record.last_login.raw_value.is().today()" class="oe_kanban_button" style="font-size: 100%%">
|
||||
<t t-esc="record.last_login.raw_value.toString('HH:mm')"/>
|
||||
</span>
|
||||
</li>
|
||||
<li t-if="record.job_id.raw_value"><field name="job_id"/></li>
|
||||
<li t-if="record.work_location.raw_value"><field name="work_location"/></li>
|
||||
<li t-if="record.work_phone.raw_value">Tel: <field name="work_phone"/></li>
|
||||
<li t-if="record.mobile_phone.raw_value">Mobile: <field name="mobile_phone"/></li>
|
||||
<li t-if="record.work_email.raw_value"><a t-attf-href="mailto:#{record.work_email.value}"><field name="work_email"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</templates>
|
||||
</kanban>
|
||||
</field>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
|
|
Loading…
Reference in New Issue