[REF] website_event, *: review event design and features

* event, website_event_questions, website_event_sale,
  website_event_track, base

Part of https://github.com/odoo/odoo/pull/37009
task-2043872

Co-authored-by: qsm-odoo <qsm@odoo.com>
Co-authored-by: Jérémy Kersten <jke@odoo.com>

1 files changed, 137 insertions, 181 deletions

diff --git a/addons/website_event/data/event_demo.xml b/addons/website_event/data/event_demo.xml
index b1c120dc471..dedc2d82d2d 100644
--- a/addons/website_event/data/event_demo.xml
+++ b/addons/website_event/data/event_demo.xml
@@ -1,188 +1,144 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
-
-        <record id="base.res_partner_1" model="res.partner">
-            <field name="is_published">True</field>
-        </record>
-
-        <record id="event.event_0" model="event.event">
-            <field name="is_published">True</field>
-            <field name="twitter_hashtag">odoo</field>
-            <field name="description"><![CDATA[
-<section class="s_cover parallax s_parallax_is_fixed pt96 pb96" data-scroll-background-ratio="1">
-    <span class="s_parallax_bg oe_img_bg oe_custom_bg" style="background-image: url('/web/image/website.s_background_image_02'); background-position: 50% 100%;"/>
-    <div class="container">
-        <div class="row s_nb_column_fixed">
-            <div class="col-lg-12 s_title bg-black-50" data-name="Title">
-                <h1 class="s_title_thin" style="font-size: 62px; text-align: center;">5 Intensive Days</h1>
-                <h4 class="text-muted" style="text-align: center;"><font style="color: rgb(255, 255, 255); font-size: 24px;">to learn <i>Odoo Programming</i></font></h4>
+    <record id="event.event_0" model="event.event">
+        <field name="is_published">True</field>
+        <field name="twitter_hashtag">DesignFair</field>
+        <field name="subtitle">Get Inspired • Stay Connected • Have Fun</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_0.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="description"><![CDATA[
+            <div class="oe_structure">
+                <h5>Join us for this 3-day Event</h5>
+                <p class="lead mb-3">Every year we invite our community, partners and end-users to come and meet us! It's the ideal event to get together and present new features, roadmap of future versions, achievements of the software, workshops, training sessions, etc....</p>
+                <p class="mb-3">This event is also an opportunity to showcase our partners' case studies, methodology or developments. Be there and see directly from the source the features of the version 12!
+                </p>
+                <div class="bg-light rounded-right border-left border-secondary p-3 mb-5" style="border-left-width: 3px !important;">
+                    <p class="mb-0"><i class="fa fa-info-circle mr-2"/>This event and all the conferences are in <b>English</b>!</p>
+                </div>
+                <h5 class="mb-2">What's new?</h5>
+                <ul class="mb-5">
+                    <li class="mb-2"><b>The Design Fair is preceded by 2 days of Training Sessions for experts!</b><br/> We propose 3 different training sessions, 2 days each.</li>
+                    <li class="mb-2"><b>The whole event is open to all public!</b> <br/>We ask a participation fee of 49.50€ for the costs for the 3 days (coffee breaks, catering, drinks and a surprising concert and beer party).<br/> For those who don't want to contribute, there is a free ticket, therefore, catering and access to evening events aren't included.</li>
+                    <li class="mb-2"><b>The plenary sessions in the morning will be shorter</b> and we will give more time for thematical meetings, conferences, workshops and tutorial sessions in the afternoon.</li>
+                </ul>
+                <h5 class="mb-2">Program</h5>
+                <p>Conferences, workshops and trainings will be organized in 6 rooms:</p>
+                <ul class="mb-5">
+                    <li><b>Technical Rooms</b> - One dedicated to advanced Odoo developers, one for new developers.</li>
+                    <li><b>Technical Rooms</b> - One dedicated to advanced Odoo developers, one for new developers.</li>
+                    <li><b>Business Room</b> - To discuss implementation methodologies, best sales practices, etc.</li>
+                    <li><b>Workshop Room</b> - Mainly for developers.</li>
+                </ul>
+                <div class="bg-light rounded-right border-left border-secondary p-3 mb-3" style="border-left-width: 3px !important;">
+                    <p class="mb-0">If you wish to make a presentation, please send your topic proposal as soon as possible for approval to Mr. Famke Jenssens at ngh (a) yourcompany (dot) com. The presentations should be, for example, a presentation of a community module, a case study, methodology feedback, technical, etc. Each presentation must be in English.</em></p>
+                </div>
+                <p class="mb-3">For any additional information, please contact us at <a href="mailto:events@yourcompany.com">events@yourcompany.com</a>.</p>
+                <div class="bg-light rounded-right border-left border-secondary p-3 mb-5" style="border-left-width: 3px !important;">
+                    <p class="mb-0">OpenElec Applications reserves the right to cancel, re-name or re-locate the event or change the dates on which it is held.</p>
+                </div>
             </div>
+        ]]></field>
+    </record>
+
+    <record id="event.event_1" model="event.event">
+        <field name="website_menu">True</field>
+        <field name="website_published">True</field>
+        <field name="subtitle">The Great Reno Balloon Race is the world's largest free hot-air ballooning event.</field>
+        <field name="twitter_hashtag">RenoRace</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_1.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+    </record>
+
+    <record id="event.event_2" model="event.event">
+        <field name="website_published">True</field>
+        <field name="subtitle">Enhance your architectural business and improve professional skills.</field>
+        <field name="twitter_hashtag">odoo</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_2.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+        <field name="description"><![CDATA[
+<div class="oe_structure">
+    <h5>Conference for Architects</h5>
+    <p class="lead">During this conference, our team will give a detailed overview of our business applications. You’ll know all the benefits of using it.</p>
+    <h6>Objectives</h6>
+    <p>Having attended this conference, participants should be able to:</p>
+    <ul class="mb-4">
+        <li>Understand the various modules;</li>
+        <li>Functional flow of the main applications;</li>
+    </ul>
+    <h6>Program</h6>
+    <ul class="mb-4">
+        <li>Introduction, CRM, Sales Management</li>
+        <li>Purchase, Sales &amp; Purchase management, Financial accounting.</li>
+        <li>Project management, Human resources, Contract management.</li>
+        <li>Warehouse management, Manufacturing (MRP) &amp; Sales, Import/Export.</li>
+        <li>Point of Sale (POS), Introduction to report customization.</li>
+    </ul>
+
+    <p>For any additional information, please contact us at <a href="mailto:events@odoo.com">events@odoo.com</a></p>
+
+    <section class="s_we_speaker bg-200 p-3 mb-4" itemscope="itemscope" itemtype="http://schema.org/Person" itemprop="performer">
+        <span class="badge badge-secondary o_wevent_badge float-right">SPEAKER</span>
+        <img src="/mail/static/src/img/odoobot.png" width="70" class="img-fluid rounded-circle float-left mr-3" alt=""/>
+        <div class="overflow-hidden">
+            <h4 class="mt-3 mb-1" itemprop="name">John DOE</h4>
+            <h6 class="mb-4">Company</h6>
+            <p>At just 13 years old, John DOE was already starting to develop his first business applications for customers. After mastering civil engineering, he founded TinyERP. This was the first phase of OpenERP which would later became Odoo, the most installed open-source business software worldwide.</p>
         </div>
-    </div>
-</section>
-
-<div class="container">
-<div class="text-center mt-5">
-<h2>Course Summary</h2>
-</div>
-
-<div class="my-3">
-<p><span style="text-align: -webkit-center; ">This course is dedicated to&nbsp;developers who need to grasp knowledge of the <strong>business applications development </strong>process. This course is for new developers or for IT professionals eager to learn more about technical aspects.</span></p>
-</div>
-</div>
-
-<div class="container">
-<div class="row">
-<div class="col-lg-12 text-center mt-5 mb-2">
-<h2>What you will learn?</h2>
-</div>
-
-<div class="col-lg-4 mb-4">
-<div class="card bg-info">
-<div class="card-header text-center">
-<h2>Day 1</h2>
-
-<p class="text-muted">Introduction to Javascript</p>
-</div>
-
-<ul class="list-group list-group-flush"><li class="list-group-item">Hello World</li>
-	<li class="list-group-item">Variables &amp; Operators</li>
-	<li class="list-group-item">Dive into Strings</li>
-	<li class="list-group-item">Functions</li>
-	<li class="list-group-item">Loops</li>
-	<li class="list-group-item">Arrays</li>
-</ul><div class="card-footer text-center">
-<p class="text-muted"><i>You will be able to develop simple dynamic components in HTML pages.</i></p>
-</div>
-</div>
-</div>
-
-<div class="col-lg-4 mb-4">
-<div class="card bg-info">
-<div class="card-header text-center">
-<h2 style="margin: 0">Day 2</h2>
-
-<p class="text-muted" style="margin: 0">Odoo Web Client</p>
-</div>
-
-<ul class="list-group list-group-flush"><li class="list-group-item">Introduction to JQuery</li>
-	<li class="list-group-item">Advanced JQuery</li>
-	<li class="list-group-item">Underscore</li>
-	<li class="list-group-item">Introduction to QWeb</li>
-	<li class="list-group-item">Controllers and Views</li>
-	<li class="list-group-item">Bootstrap CSS</li>
-	<li class="list-group-item">Calling the ORM</li>
-</ul><div class="card-footer text-center">
-<p class="text-muted"><i>You will be able to create dynamic page interacting with the ORM.</i></p>
-</div>
-</div>
-</div>
-
-<div class="col-lg-4">
-<div class="card bg-info">
-<div class="card-header text-center">
-<h2 style="margin: 0">Day 3</h2>
-
-<p class="text-muted" style="margin: 0">Building a Full Application</p>
-</div>
-
-<ul class="list-group list-group-flush"><li class="list-group-item">Modules</li>
-	<li class="list-group-item">Python Objects</li>
-	<li class="list-group-item">Report Engine</li>
-	<li class="list-group-item">Workflows</li>
-	<li class="list-group-item">Training Center Module</li>
-	<li class="list-group-item">Integrated Help</li>
-	<li class="list-group-item">How to Debug</li>
-</ul><div class="card-footer text-center">
-<p class="text-muted"><i>You will be able to develop a full application with backend and user interface.</i></p>
-</div>
-</div>
-</div>
-</div>
-</div>
-
-<div class="container">
-<div class="row">
-<div class="col-lg-12 text-center mb-3 mt-5">
-<h2>Requirements</h2>
-</div>
-
-<div class="col-lg-12 my-3">
-<p><strong>Objectives:</strong></p>
-
-<p><strong>Having attended this course, participants should be able to:</strong></p>
-
-<ul><li>Understand the development concepts and architecture;</li>
-	<li>Install and administer your own server;</li>
-	<li>Develop a new module for a particular application.</li>
-</ul><p></p>
-
-<p><strong>Our prices include:</strong></p>
-
-<ul><li>drinks and lunch;</li>
-	<li>training material.</li>
-</ul><p></p>
-
-<p><strong>Requirements:</strong></p>
-
-<ul><li>Bring your own laptop.</li>
-	<li>Participants are expected to have some knowledge in programming.&nbsp;A basic knowledge of the Python programming is recommended.</li>
-	<li>Participants preferably have a functional knowledge of our software (see Functional Training).</li>
-</ul><p></p>
-
-<p>To get more information, visit the <a target="_blank" href="http://odoo.com/">Odoo Official Website</a>.</p>
-</div>
-</div>
-</div>
-</div>
-
-
-<div class="container">
-<div class="card">
-<div class="card-body">
-<div class="row">
-<div class="col-lg-12">
-<h1 class="text-center">Read Great Contents</h1>
-
-<h3 class="text-muted text-center">What do people&nbsp;say about this course?</h3>
-</div>
-
-<div class="mt16 col-lg-6">
-<blockquote class="border-left pl-3 font-italic mb-0 mt-3">
-<i class="fa fa-quote-left"/>
-<p class="font-weight-bold">I did not expect such a great learning experience. I feel like I can develop anything now.</p>
-<small>John Doe, CEO</small></blockquote>
-</div>
-
-<div class="mt16 col-lg-6">
-<blockquote class="border-left pl-3 font-italic mb-0 mt-3">
-<i class="fa fa-quote-left"/>
-<p class="font-weight-bold">This course help me build my first application within a month. Definetly worth its price.</p>
-<small>John Doe, CEO</small></blockquote>
-</div>
-</div>
-</div>
-</div>
+    </section>
 
+    <div class="alert alert-info">
+        <p class="mb-0">Chamber Works reserves the right to cancel, re-name or re-locate the event or change the dates on which it is held.</p>
+    </div>
 </div>
-]]></field>        </record>
-
-        <record id="base.res_partner_3" model="res.partner">
-            <field name="is_published">True</field>
-        </record>
-
-        <record id="base.res_partner_4" model="res.partner">
-            <field name="is_published">True</field>
-        </record>
-        <record id="event.event_2" model="event.event">
-            <field name="is_published">True</field>
-            <field name="twitter_hashtag">odoo</field>
-        </record>
-
-        <record id="base.res_partner_2" model="res.partner">
-            <field name="is_published">True</field>
-        </record>
-        <record id="base.res_partner_address_4" model="res.partner">
-            <field name="is_published">True</field>
-        </record>
+        ]]></field>
+    </record>
+
+    <record id="event.event_3" model="event.event">
+        <field name="website_published">True</field>
+        <field name="subtitle">Experience live music, local food and beverages.</field>
+        <field name="twitter_hashtag">odoo</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_3.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+    </record>
+
+    <record id="event.event_4" model="event.event">
+        <field name="website_published">True</field>
+        <field name="subtitle">Discover how to grow a sustainable business with our experts.</field>
+        <field name="twitter_hashtag">odoo</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_4.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+    </record>
+
+    <record id="event.event_5" model="event.event">
+        <field name="website_published">True</field>
+        <field name="subtitle">Bring your outdoor field hockey season to the next level by taking the field at this 9th annual Field Hockey tournament.</field>
+        <field name="twitter_hashtag">odoo</field>
+        <field name="cover_properties">{"background-image": "url('/website_event/static/src/img/event_cover_5.jpg')", "background-color": "oe_black", "resize_class": "o_record_has_cover cover_mid", "opacity": "0.4"}</field>
+    </record>
+
+    <record id="event.event_6" model="event.event">
+        <field name="website_published">False</field>
+        <field name="twitter_hashtag">odoo</field>
+        <field name="cover_properties">{"background-image": "none", "background-color": "secondary", "opacity": ""}</field>
+    </record>
+
+    <record id="base.res_partner_1" model="res.partner">
+        <field name="is_published">True</field>
+    </record>
+
+    <record id="base.res_partner_2" model="res.partner">
+        <field name="is_published">True</field>
+    </record>
+
+    <record id="base.res_partner_3" model="res.partner">
+        <field name="is_published">True</field>
+    </record>
+
+    <record id="base.res_partner_4" model="res.partner">
+        <field name="is_published">True</field>
+    </record>
+
+    <record id="event.event_2" model="event.event">
+        <field name="is_published">True</field>
+        <field name="twitter_hashtag">odoo</field>
+    </record>
+
+    <record id="base.res_partner_address_4" model="res.partner">
+        <field name="is_published">True</field>
+    </record>
 </odoo>