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>
173 lines
9.9 KiB
XML
173 lines
9.9 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<data>
|
|
|
|
<!--
|
|
Integrate Livechat in Common Frontend for Website
|
|
Template registering all the assets required to execute the Livechat from a page containing Odoo
|
|
-->
|
|
<template id="assets_frontend" name="im_livechat assets frontend" inherit_id="website.assets_frontend">
|
|
<xpath expr="." position="inside">
|
|
<script type="text/javascript" src="/bus/static/src/js/bus.js"></script>
|
|
<script type="text/javascript" src="/mail/static/src/js/chat_window.js"></script>
|
|
<script type="text/javascript" src="/mail/static/src/js/document_viewer.js"></script>
|
|
<script type="text/javascript" src="/mail/static/src/js/thread.js"></script>
|
|
<script type="text/javascript" src="/im_livechat/static/src/js/im_livechat.js"></script>
|
|
<link rel="stylesheet" type="text/scss" href="/mail/static/src/scss/chat_window.scss"></link>
|
|
<link rel="stylesheet" type="text/scss" href="/mail/static/src/scss/thread.scss"></link>
|
|
<link rel="stylesheet" type="text/scss" href="/im_livechat/static/src/scss/im_livechat.scss"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="loader" inherit_id="website.layout" name="Livechat : include loader on Website">
|
|
<xpath expr="//div[@id='wrapwrap']" position="after">
|
|
<t t-if="website and website.channel_id">
|
|
<script>
|
|
<t t-call="im_livechat.loader">
|
|
<t t-set="channel" t-value="website.channel_id.id"/>
|
|
</t>
|
|
</script>
|
|
</t>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Page Layout -->
|
|
<template id="channel_page" name="Livechat Channel Satisfaction Page">
|
|
<t t-call="website.layout">
|
|
<div id="wrap">
|
|
<div class="container">
|
|
<!-- published button -->
|
|
<t t-call="website.publish_management">
|
|
<t t-set="object" t-value="channel"/>
|
|
<t t-set="publish_edit" t-value="True"/>
|
|
</t>
|
|
|
|
<h1><span>Livechat Channel</span> <small t-field="channel.name" /></h1>
|
|
<div t-field="channel.website_description" class="oe_structure mt16" />
|
|
<div class="row mt32">
|
|
<div class="col-md-8">
|
|
<t t-if="len(ratings) > 0">
|
|
<div class="row">
|
|
<h3>Statistics</h3>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="panel panel-warming">
|
|
<div class="panel-body text-center bg-warning">
|
|
<img src="/rating/static/src/img/rating_5.png" style="height:50px"/>
|
|
</div>
|
|
<div class="panel-body text-center bg-warning">
|
|
<h2 style="margin: 0">
|
|
<b style="font-size: 50px">
|
|
<t t-esc="percentage['okay']" />
|
|
</b>
|
|
<small>%</small>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="panel panel-success">
|
|
<div class="panel-body text-center bg-success">
|
|
<img src="/rating/static/src/img/rating_10.png" style="height:60px"/>
|
|
</div>
|
|
<div class="panel-body text-center bg-success">
|
|
<h2 style="margin: 0">
|
|
<b style="font-size: 60px">
|
|
<t t-esc="percentage['great']" />
|
|
</b>
|
|
<small>%</small>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="panel panel-danger">
|
|
<div class="panel-body text-center bg-danger">
|
|
<img src="/rating/static/src/img/rating_1.png" style="height:40px"/>
|
|
</div>
|
|
<div class="panel-body text-center bg-danger">
|
|
<h2 style="margin: 0">
|
|
<b style="font-size: 40px">
|
|
<t t-esc="percentage['bad']" />
|
|
</b>
|
|
<small>%</small>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 mb32">
|
|
<h3>The <t t-esc="len(ratings)"/> last feedbacks</h3>
|
|
<div style="text-align:center">
|
|
<t t-foreach="ratings" t-as="rating" class="media">
|
|
<img t-attf-src='/rating/static/src/img/rating_#{int(rating.rating)}.png' t-att-alt="rating.res_name"/>
|
|
<t t-if="(rating_index+1) % 10 == 0">
|
|
<br/>
|
|
</t>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<t t-if="len(ratings) == 0">
|
|
<h4 style="text-align:center">This is no rating for this channel for now.</h4>
|
|
</t>
|
|
</div>
|
|
<div class="col-md-4 mb32">
|
|
<h3>The Team</h3>
|
|
<t t-foreach="team" t-as="user" class="media">
|
|
<div class="media">
|
|
<div class="pull-left" t-if='user.image_small'>
|
|
<img t-att-src="user.image_small and ('data:image/png;base64,' + to_text(user.image_small)) or '/web/static/src/img/placeholder.png'"
|
|
class="img-rounded" t-att-alt="user.name"/>
|
|
</div>
|
|
<div class="media-body">
|
|
<h5><t t-esc="user.name"/></h5>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
|
|
|
|
<template id="channel_list_page" name="Livechat Channel List Page">
|
|
<t t-call="website.layout">
|
|
<div id="wrap">
|
|
<div class="oe_structure"/>
|
|
<div class="container">
|
|
<h1>Livechat Support Channels</h1>
|
|
<div class="row mt32 mb32">
|
|
<t t-if="not len(channels)">
|
|
<div class="col-md-6 col-md-offset-3">
|
|
There is no public livechat channel to show.
|
|
</div>
|
|
</t>
|
|
<t t-if="len(channels)">
|
|
<div class="col-md-6 col-md-offset-3">
|
|
<t t-foreach="channels" t-as="channel">
|
|
<div class="media">
|
|
<a class="pull-left" t-attf-href="/livechat/channel/#{ slug(channel)}">
|
|
<img t-att-src="channel.image_small and ('data:image/png;base64,' + to_text(channel.image_small)) or '/web/static/src/img/placeholder.png'" t-att-alt="channel.name" />
|
|
</a>
|
|
<div class="media-body">
|
|
<h4 class="media-heading"><t t-esc="channel.name"/></h4>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
<div class="oe_structure"/>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
|
|
</data>
|
|
</odoo>
|