pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website, *: redesign the contact us and the thank you page

Browse Source 
task-2266756

closes odoo/odoo#52162

Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
This commit is contained in:
Benjamin Vray
2020-06-18 11:16:46 +00:00
parent d40cef681e
commit ee2555546f
5 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/data/website_data.xml
+5 -4
View File
@@ -25,15 +25,16 @@
<t t-call="website.layout">
<div id="wrap">
<div class="oe_structure">
<section class="s_title pt24 pb24" data-vcss="001" data-snippet="s_title">
<section class="s_title parallax s_parallax_is_fixed bg-black-50 pt24 pb24" data-vcss="001" data-snippet="s_title" data-scroll-background-ratio="1">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 0;"/>
<div class="container">
<h1>Contact us</h1>
</div>
</section>
</div>
<div class="container mt-2">
<div class="container mt-4 mb-5">
<div class="row">
<div class="col-lg-8">
<div class="col-lg-7 col-xl-6 mr-lg-auto">
<div class="oe_structure">
<section class="s_text_block" data-snippet="s_text_block">
<div class="container">
@@ -52,7 +53,7 @@
<a role="button" t-attf-href="mailto:{{ res_company.email }}" class="btn btn-primary" id="o_contact_mail">Send us an email</a>
</div>
</div>
<div class="col-lg-4">
<div class="col-lg-4 mt-4 mt-lg-0">
<t t-call="website.company_description"/>
</div>
</div>
addons/website_crm/static/tests/tours/website_crm.js
+1 -1
View File
@@ -35,7 +35,7 @@ odoo.define('website_crm.tour', function(require) {
trigger: ".s_website_form_send"
}, {
content: "Check we were redirected to the success page",
trigger: "#wrap:has(h1:contains('Thanks')):has(div.alert-success)"
trigger: "#wrap:has(h1:contains('Thank You!'))"
}]);
return {};
addons/website_form/static/src/xml/website_form_editor.xml
+6 -6
View File
@@ -4,16 +4,16 @@
<!-- End Message -->
<t t-name="website_form.s_website_form_end_message">
<div class="s_website_form_end_message d-none">
<div class="text-center alert alert-info css_non_editable_mode_hidden o_not_editable" t-ignore="True" role="status">
The following message will become visible <strong>only</strong> once the form is sent.
</div>
<div class="oe_structure">
<section class="s_text_block pt64 pb64" data-snippet="s_text_block">
<section class="s_text_block pt64 pb64 o_colored_level o_cc o_cc2" data-snippet="s_text_block">
<div class="container">
<h2 class="text-center">Thank You For Your Feedback</h2>
<h2 class="text-center">
<span class="fa fa-check-circle"/>
Thank You For Your Feedback
</h2>
<p class="text-center">
Our team will message you back as soon as possible.<br/>
In the meantime we invite you to try our awesome <a href="/">website</a>.<br/>
In the meantime we invite you to visit our <a href="/">website</a>.<br/>
</p>
</div>
</section>
addons/website_form/static/tests/tours/website_form_editor.js
+1 -1
View File
@@ -365,7 +365,7 @@ odoo.define('website_form_editor.tour', function (require) {
},
{
content: "Check form is submitted without errors",
trigger: ".alert-success:contains('Your message has been sent successfully.')"
trigger: "#wrap:has(h1:contains('Thank You!'))"
}
]);
addons/website_form/views/website_form_templates.xml
+16 -10
View File
@@ -107,17 +107,23 @@
<t t-call="website.layout">
<div id="wrap">
<div class="oe_structure" id="oe_structure_website_form_contact_us_thanks_1"/>
<div class="container pt-3">
<h1>Thanks!</h1>
<div class="container mt-4">
<div class="row">
<div class="col-lg-8">
<div class="alert alert-success" role="status">
Your message has been sent successfully.
<button type="button" class="close" data-dismiss="alert">&amp;times;</button>
</div>
<p>
We will get back to you shortly.
</p>
<div class="col-lg-7 col-xl-6 mr-lg-auto oe_structure">
<section class="pt40 s_text_block pb40 o_colored_level o_cc o_cc1" data-snippet="s_text_block" data-name="Text">
<div class="container">
<span class="d-block fa fa-4x fa-thumbs-up mx-auto rounded-circle bg-primary"/><br/>
<h1 class="text-center">Thank You!</h1>
<div class="pb16 pt16 s_hr" data-snippet="s_hr" data-name="Separator">
<hr class="mx-auto border-top w-50 border-dark text-center"/>
</div>
<h5 class="text-center">
<span class="fa fa-check-circle"/>
<span>Your message has been sent <b>successfully</b></span>
</h5>
<p class="text-center">We will get back to you shortly.</p>
</div>
</section>
</div>
<div class="col-lg-4">
<t t-call="website.company_description"/>