[FIX] (website_)event: constrain event tour steps to the event module

Bug
===
When we start the Event tour, if we go outside of Event during the tour
we might see the tour bubble in the other application.

It should be visible only in Event.

Task 2381898

closes odoo/odoo#62736

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>

2 files changed, 10 insertions, 8 deletions

diff --git a/addons/event/static/src/js/tours/event_tour.js b/addons/event/static/src/js/tours/event_tour.js
index 5e73dfdf566..caf403094e7 100644
--- a/addons/event/static/src/js/tours/event_tour.js
+++ b/addons/event/static/src/js/tours/event_tour.js
@@ -38,41 +38,43 @@ tour.register('event_tour', {
     edition: 'community',
 }, {
     trigger: '.o-kanban-button-new',
+    extra_trigger: '.o_event_kanban_view',
     content: _t("Let's create your first <b>event</b>."),
     position: 'bottom',
     width: 175,
 }, {
-    trigger: 'input[name="name"]',
+    trigger: '.o_event_form_view input[name="name"]',
     content: _t("This is the <b>name</b> your guests will see when registering."),
     run: 'text Odoo Experience 2020',
 }, {
-    trigger: 'input[name="date_end"]',
+    trigger: '.o_event_form_view input[name="date_end"]',
     content: _t("When will your event take place? <b>Select</b> the start and end dates <b>and click Apply</b>."),
     run: function () {
         $('input[name="date_begin"]').val('09/30/2020 08:00:00').change();
         $('input[name="date_end"]').val('10/02/2020 23:00:00').change();
     },
 }, {
-    trigger: 'div[name="event_ticket_ids"] .o_field_x2many_list_row_add a',
+    trigger: '.o_event_form_view div[name="event_ticket_ids"] .o_field_x2many_list_row_add a',
     content: _t("Ticket types allow you to distinguish your attendees. Let's <b>create</b> a new one."),
 }, {
     trigger: '.o_form_button_save',
+    extra_trigger: '.o_event_form_view',
     content: _t("Awesome! Now, let's <b>save</b> your changes."),
     position: 'bottom',
     width: 250,
 }, ...new EventAdditionalTourSteps()._get_website_event_steps(), {
-    trigger: 'div[name="stage_id"] button:contains("Booked")',
+    trigger: '.o_event_form_view div[name="stage_id"] button:contains("Booked")',
     extra_trigger: 'div.o_form_buttons_view:not(.o_hidden)',
     content: _t("Now that your event is ready, click here to move it to another stage."),
     position: 'bottom',
 }, {
     trigger: 'ol.breadcrumb li.breadcrumb-item:first',
-    extra_trigger: 'div[name="stage_id"] button.disabled:contains("Booked")',
+    extra_trigger: '.o_event_form_view div[name="stage_id"] button.disabled:contains("Booked")',
     content: _t("Use the <b>breadcrumbs</b> to go back to your kanban overview."),
     position: 'bottom',
     run: 'click',
 }, {
-    trigger: 'div.o_quick_create_folded',
+    trigger: '.o_event_kanban_view div.o_quick_create_folded',
     content: _t("This pipeline can be customized on the fly to fit your organizational needs. For example, let's create a new stage."),
     position: 'bottom',
     run: function (actions) {
@@ -80,7 +82,7 @@ tour.register('event_tour', {
         $('div.o_kanban_header input[type="text"]').val('New Stage');
     },
 }, {
-    trigger: 'button.o_kanban_add',
+    trigger: '.o_event_kanban_view button.o_kanban_add',
     content: _t("Click <b>add</b> to create a new stage."),
     position: 'bottom',
     width: 200,
diff --git a/addons/event/views/event_views.xml b/addons/event/views/event_views.xml
index fab3505be7c..1a083191ba6 100644
--- a/addons/event/views/event_views.xml
+++ b/addons/event/views/event_views.xml
@@ -197,7 +197,7 @@
             <field name="name">event.event.form</field>
             <field name="model">event.event</field>
             <field name="arch" type="xml">
-                <form string="Events">
+                <form string="Events" class="o_event_form_view">
                     <header>
                         <field name="stage_id" widget="statusbar" options="{'clickable': '1'}"/>
                     </header>