Nirali SapraandDharmraj
b2fefbd3c5
Previously, customizing the website footer was not very easy. This
commit will allow users to customize the footer like any other
snippet area.
There are several behavior changes, as mentioned below:
- Removed toggles 'Automatic Footer' and 'Payment Icons' from the
Customize menu
- Language Selector was moved near the 'Copyright' section of the footer
and features a dropdown (dropup technically) to select the language
- Moved some footer links from various modules to top menu
List of the added menus / changed menus:
(a) Resellers (new menu for previous footer link 'Resellers')
(b) References (new menu for previous footer link 'Our References')
(c) Forums (renamed from 'Forum', as a replacement of 'Forums'
footer link, showing all the forums instead of 'Help', as there
is no link available to all forums after this commit)
(d) Live Support (new menu for previous footer link
'Livechat Support')
(e) Mailing Lists (new menu for previous footer link 'Mailing List')
(f) Members (new menu for previous footer link 'Members')
- Links which were already available as a website menus (Presentations,
Jobs, Events, News, Documentation, etc) are simply removed
Technical Notes:
- Introduced a new template called 'brand_promotion' in website.
This will help to avoid adding redundant footer content (like
copyright, language selector etc) from several modules (website_sale,
website_event, website_quote, etc) while the only intention is to
replace module page links.
- Removed summernote related fix in portal.less (caused by xpath)
because footer is now customizable and added padding to structure
instead of footer itself so that bg-color/img can be applied on
whole footer.
- Few of the tours are improved to drag and drop snippets at proper
places and not inside the footer.
- Used Flex in copyright portion of footer, so that text will always be
horizontally centered (Some themes have different padding for buttons,
etc, so if we don't align text dynamically, it has to be managed in
particular theme and in particular layouts like full-screen / boxed.
And if someone changes height of this portion, we have to re-design
this portion again, etc).
task-38069
Closes https://github.com/odoo/odoo/pull/22298
Co-authored-by: Dharmraj <dja@odoo.com>
236 lines
12 KiB
XML
236 lines
12 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<odoo>
|
||
|
||
<template id="index" name="Our References">
|
||
<t t-call="website.layout">
|
||
<div id="wrap">
|
||
<div class="oe_structure">
|
||
<section>
|
||
<h1 class="text-center">
|
||
Our References
|
||
</h1><h2 class="text-center text-muted">
|
||
Trusted by millions worldwide
|
||
</h2>
|
||
</section>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-3 mb32" id="ref_left_column">
|
||
</div>
|
||
<div class="col-md-8 col-md-offset-1" id="ref_content">
|
||
<div class='navbar mb0'>
|
||
<t t-call="website.pager">
|
||
<t t-set="classname" t-value="'pull-left'"/>
|
||
</t>
|
||
<form action="" method="get" class="navbar-search pull-right pagination form-inline">
|
||
<div class="form-group">
|
||
<input type="text" name="search" class="search-query form-control"
|
||
placeholder="Search" t-att-value="post.get('search', '')"/>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="row">
|
||
|
||
<p t-if="not partners">No result found</p>
|
||
<t t-foreach="partners" t-as="partner">
|
||
<div class="media">
|
||
<a class="pull-left" t-attf-href="/customers/#{slug(partner)}"
|
||
t-field="partner.image_small"
|
||
t-options='{"widget": "image", "class": "media-object"}'
|
||
></a>
|
||
<div class="media-body" style="min-height: 64px;">
|
||
<a class="media-heading" t-attf-href="/customers/#{slug(partner)}">
|
||
<span t-field="partner.display_name"/>
|
||
</a>
|
||
<t t-if="partner.industry_id">
|
||
<a class="label label-default" t-attf-href="/customers/#{ 'industry/%s/' % slug(partner.industry_id) }#{ current_country_id and 'country/%s' % slug(current_country) or '' }" t-esc="partner.industry_id.name"/>
|
||
</t>
|
||
<div t-field="partner.website_short_description"/>
|
||
</div>
|
||
</div>
|
||
</t>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="oe_structure"/>
|
||
</div>
|
||
</t>
|
||
</template>
|
||
|
||
<!-- Option: left column: World Map -->
|
||
<template id="opt_country" inherit_id="website_customer.index" customize_show="True" name="Show Map">
|
||
<xpath expr="//div[@id='ref_left_column']" position="inside">
|
||
<t t-if="google_maps_api_key">
|
||
<!-- modal for large map -->
|
||
<div class="modal fade customer_map_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">World Map</h4>
|
||
</div>
|
||
<iframe t-attf-src="/google_map/?width=898&height=485&partner_ids=#{ google_map_partner_ids }&partner_url=/customers/"
|
||
style="width:898px; height:485px; border:0; padding:0; margin:0;"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- modal end -->
|
||
<h3>World Map<button class="btn btn-link" data-toggle="modal" data-target=".customer_map_modal"><span class="fa fa-external-link" /></button></h3>
|
||
<ul class="nav">
|
||
<iframe t-attf-src="/google_map?width=260&height=240&partner_ids=#{ google_map_partner_ids }&partner_url=/customers/"
|
||
style="width:260px; height:240px; border:0; padding:0; margin:0;" scrolling="no"></iframe>
|
||
</ul>
|
||
</t>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="opt_industry_list" inherit_id="website_customer.index" customize_show="True" name="Filter on Industry" priority="20">
|
||
<xpath expr="//div[@id='ref_left_column']" position="inside">
|
||
<h3>References by Sectors of Activity</h3>
|
||
<ul class="nav nav-pills nav-stacked mt16 mb32">
|
||
<t t-foreach="industries" t-as="industry_dict">
|
||
<t t-if="industry_dict['industry_id']">
|
||
<li t-att-class="industry_dict['industry_id'][0] == current_industry_id and 'active' or None">
|
||
<a t-attf-href="/customers/#{ industry_dict['industry_id'][0] and 'industry/%s/' % slug(industry_dict['industry_id']) or '' }#{ current_country_id and 'country/%s' % current_country_id or '' }#{ search_path }">
|
||
<span class="badge pull-right" t-esc="industry_dict['industry_id_count'] or '0'"/>
|
||
<t t-esc="industry_dict['industry_id'][1]"/>
|
||
</a>
|
||
</li>
|
||
</t>
|
||
</t>
|
||
</ul>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="opt_country_list" inherit_id="website_customer.index" customize_show="True" name="Filter on Countries" priority="30">
|
||
<xpath expr="//div[@id='ref_left_column']" position="inside">
|
||
<h3>References by Country</h3>
|
||
<ul class="nav nav-pills nav-stacked mt16 mb32">
|
||
<t t-foreach="countries" t-as="country_dict">
|
||
<t t-if="country_dict['country_id']">
|
||
<li t-att-class="country_dict['country_id'][0] == current_country_id and 'active' or None">
|
||
<a t-attf-href="/customers/#{ current_industry_id and 'industry/%s/' % slug(current_industry) or '' }#{ country_dict['country_id'][0] and 'country/%s' % slug(country_dict['country_id']) or '' }#{ search_path }">
|
||
<span class="badge pull-right" t-esc="country_dict['country_id_count'] or '0'"/>
|
||
<t t-esc="country_dict['country_id'][1]"/>
|
||
</a>
|
||
</li>
|
||
</t>
|
||
</t>
|
||
</ul>
|
||
</xpath>
|
||
</template>
|
||
|
||
|
||
<template id="opt_tag_list" inherit_id="website_customer.index" customize_show="True" name="Filter on Tags" priority="40">
|
||
<xpath expr="//div[@id='ref_left_column']" position="inside">
|
||
|
||
<h3 t-if="len(tags)">References by Tag</h3>
|
||
<ul class="nav nav-pills nav-stacked mt16 mb32" t-if="len(tags)">
|
||
<a class="mr8" t-attf-href="/customers/#{ current_industry_id and 'industry/%s/' % slug(current_industry) or '' }#{ current_country_id and 'country/%s' % slug(current_country) or '' }">
|
||
<span class="fa fa-1x fa-tags"/> All </a>
|
||
<t t-foreach="tags" t-as="o_tag">
|
||
<a t-attf-class="label label-#{o_tag.classname}" t-esc="o_tag.name" t-att-style="tag and tag.id==o_tag.id and 'text-decoration: underline'"
|
||
t-attf-href="/customers/#{ current_industry_id and 'industry/%s/' % slug(current_industry) or '' }#{ current_country_id and 'country/%s' % slug(current_country) or '' }?tag_id=#{slug(o_tag)}"/>
|
||
</t>
|
||
</ul>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="details" name="Customer Detail">
|
||
<t t-call="website.layout">
|
||
<div id="wrap">
|
||
<div class="oe_structure"/>
|
||
<div class="container mt16">
|
||
<div class="row">
|
||
<div class="col-md-5">
|
||
<ol t-if="not edit_page" class="breadcrumb">
|
||
<li><a href="/customers">Our References</a></li>
|
||
<li class="active"><span t-field="partner.display_name"/></li>
|
||
</ol>
|
||
</div>
|
||
<t t-call="website_partner.partner_detail">
|
||
<t t-set="left_column">
|
||
<div id="left_column"><t t-call="website_customer.implemented_by_block"/></div>
|
||
</t>
|
||
<t t-set="right_column">
|
||
<div id="right_column"><t t-call="website_customer.references_block"/></div>
|
||
</t>
|
||
</t>
|
||
</div>
|
||
</div>
|
||
<div class="oe_structure"/>
|
||
</div>
|
||
</t>
|
||
</template>
|
||
|
||
<template id="partner_details" inherit_id="website_partner.partner_page" name="Partner Detail Columns">
|
||
<xpath expr="//t[@t-call='website_partner.partner_detail']" position="inside">
|
||
<t t-set="left_column"><div id="left_column"><t t-call="website_customer.implemented_by_block"/></div></t>
|
||
<t t-set="right_column"><div id="right_column"><t t-call="website_customer.references_block"/></div></t>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="partner_detail" inherit_id="website_partner.partner_detail" name="Partner Details">
|
||
<xpath expr="//address" position="inside">
|
||
<t t-if="partner.industry_id">
|
||
<span class="label label-default"><t t-esc="partner.industry_id.name"/></span>
|
||
</t>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="implemented_by_block" name="Partner Implemented By Block">
|
||
<t t-if="partner.assigned_partner_id and partner.assigned_partner_id.website_published">
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h4>Implemented By</h4>
|
||
</div>
|
||
<div class="panel-body text-center">
|
||
<h4>
|
||
<a t-attf-href="/partners/#{slug(partner.assigned_partner_id)}">
|
||
<span t-field="partner.assigned_partner_id"/>
|
||
<span class="small"> (<t t-esc="len([p for p in partner.assigned_partner_id.implemented_partner_ids if p.website_published])"/> reference(s))</span>
|
||
</a>
|
||
</h4>
|
||
<div><a t-attf-href="/partners/#{slug(partner.assigned_partner_id)}"
|
||
t-field="partner.assigned_partner_id.image_medium"
|
||
t-options='{"widget": "image", "class": "center-block"}'
|
||
/>
|
||
</div>
|
||
<address class="well text-left">
|
||
<div t-field="partner.assigned_partner_id" t-options='{
|
||
"widget": "contact",
|
||
"fields": ["address", "website", "phone", "email"]
|
||
}'/>
|
||
</address>
|
||
</div>
|
||
</div>
|
||
</t>
|
||
</template>
|
||
|
||
<template id="references_block" name="Partner References Block">
|
||
<t t-if="any([p.website_published for p in partner.implemented_partner_ids])">
|
||
<h3 id="references">References</h3>
|
||
<div t-foreach="partner.implemented_partner_ids" t-as="reference" class="media">
|
||
<t t-if="reference.website_published">
|
||
<a class="pull-left" t-attf-href="/customers/#{slug(reference)}">
|
||
<span t-field="reference.image_small" t-options='{"widget": "image", "class": "center-block"}'/>
|
||
</a>
|
||
<div class="media-body" style="min-height: 64px;">
|
||
<a class="media-heading" t-attf-href="/customers/#{slug(reference)}">
|
||
<span t-field="reference.self"/>
|
||
</a>
|
||
<t t-if="reference.industry_id">
|
||
<span class="label label-default"><t t-esc="reference.industry_id.name"/></span>
|
||
</t>
|
||
<div t-field='reference.website_short_description'/>
|
||
</div>
|
||
</t>
|
||
</div>
|
||
</t>
|
||
</template>
|
||
|
||
</odoo>
|