summaryrefslogtreecommitdiff
path: root/addons/website_form
diff options
context:
space:
mode:
authorBenjamin Vray <bvr@odoo.com>2020-05-29 11:28:53 +0000
committerBenjamin Vray <bvr@odoo.com>2020-06-18 11:16:46 +0000
commitee2555546f0f52889f667bb40d1536ed0193307a (patch)
tree5dd7a6b2caa73da9ad2f2b46bc452e7240849073 /addons/website_form
parentd40cef681e52ac6a57c5cfed26dedb8057989a31 (diff)
[IMP] website, *: redesign the contact us and the thank you page
task-2266756 closes odoo/odoo#52162 Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
Diffstat (limited to 'addons/website_form')
-rw-r--r--addons/website_form/static/src/xml/website_form_editor.xml12
-rw-r--r--addons/website_form/static/tests/tours/website_form_editor.js2
-rw-r--r--addons/website_form/views/website_form_templates.xml26
3 files changed, 23 insertions, 17 deletions
diff --git a/addons/website_form/static/src/xml/website_form_editor.xml b/addons/website_form/static/src/xml/website_form_editor.xml
index ae099e4717c..4978d0fbb84 100644
--- a/addons/website_form/static/src/xml/website_form_editor.xml
+++ b/addons/website_form/static/src/xml/website_form_editor.xml
@@ -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>
diff --git a/addons/website_form/static/tests/tours/website_form_editor.js b/addons/website_form/static/tests/tours/website_form_editor.js
index 10ad3b996de..9431307688a 100644
--- a/addons/website_form/static/tests/tours/website_form_editor.js
+++ b/addons/website_form/static/tests/tours/website_form_editor.js
@@ -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!'))"
}
]);
diff --git a/addons/website_form/views/website_form_templates.xml b/addons/website_form/views/website_form_templates.xml
index 3ecd30d3a9a..36732b23897 100644
--- a/addons/website_form/views/website_form_templates.xml
+++ b/addons/website_form/views/website_form_templates.xml
@@ -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"/>