[IMP] website_event_track(_online/_session): improve talks list display

According to late specifications we are about to loose at least 20K€ in our
marketing actions if we do not

  * add a header 'Book your talks' on track page, as maybe it is unclear
    that a talks list having favorite buttons is there to help you booking
    your talks;
  * put 'Add to favorite' button as standard instead of small;
  * reorganize track card in list display, notably

    * hide tags in mobile as this adds a lot of noise, especially when having
      lot of tracks;
    * use background color as in agenda to highlight important tracks;
    * move favorite button on top of card in mobile;
    * hide duration in mobile, keeping only exact datetime at which is begins;
    * globally align items in desktop / mobile to have a nice display;

Task ID-2325327
PR odoo/odoo#56430

X-original-commit: 3a322a4db6ccea10a24349de30773f3ee120c972

1 files changed, 17 insertions, 16 deletions

diff --git a/addons/website_event_track/data/event_track_demo.xml b/addons/website_event_track/data/event_track_demo.xml
index aec7c85d33e..ec3ca4bcec1 100644
--- a/addons/website_event_track/data/event_track_demo.xml
+++ b/addons/website_event_track/data/event_track_demo.xml
@@ -382,7 +382,7 @@
     </record>
     <record id="event_7_track_4" model="event.track">
         <field name="name">Life at Home Around the World: William’s Story</field>
-        <field name="color">5</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage4"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_1"/>
@@ -399,7 +399,7 @@
     </record>
     <record id="event_7_track_5" model="event.track">
         <field name="name">Top 10 Most Expensive Wood in the World</field>
-        <field name="color">3</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_1"/>
@@ -413,7 +413,7 @@
     <!-- Location 2 -->
     <record id="event_7_track_6" model="event.track">
         <field name="name">Securing your Lumber during transport</field>
-        <field name="color">3</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_2"/>
@@ -439,7 +439,7 @@
     </record>
     <record id="event_7_track_8" model="event.track">
         <field name="name">Dealing with OpenWood Furniture</field>
-        <field name="color">6</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage2"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_2"/>
@@ -452,7 +452,7 @@
     </record>
     <record id="event_7_track_9" model="event.track">
         <field name="name">Kitchens for the Future</field>
-        <field name="color">7</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage2"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_2"/>
@@ -479,7 +479,7 @@
     </record>
     <record id="event_7_track_l3_2" model="event.track">
         <field name="name">Who's OpenWood anyway ?</field>
-        <field name="color">6</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="website_event_track.event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_3"/>
@@ -528,6 +528,7 @@
     <!-- Location 1 -->
     <record id="event_7_track_12" model="event.track">
         <field name="name">Climate positive</field>
+        <field name="color">3</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_1"/>
@@ -540,7 +541,7 @@
     </record>
     <record id="event_7_track_13" model="event.track">
         <field name="name">Log House Building</field>
-        <field name="color">2</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="wishlisted_by_default" eval="True"/>
@@ -554,7 +555,7 @@
     </record>
     <record id="event_7_track_14" model="event.track">
         <field name="name">Building a DIY cabin from the ground up</field>
-        <field name="color">2</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_1"/>
@@ -568,7 +569,7 @@
     <!-- Location 2 -->
     <record id="event_7_track_15" model="event.track">
         <field name="name">Logs to lumber</field>
-        <field name="color">3</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_2"/>
@@ -581,7 +582,7 @@
     </record>
     <record id="event_7_track_16" model="event.track">
         <field name="name">Pretty. Ugly. Lovely.</field>
-        <field name="color">4</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_2"/>
@@ -608,7 +609,7 @@
     </record>
     <record id="event_7_track_18" model="event.track">
         <field name="name">6 Woodworking tips and tricks for beginners</field>
-        <field name="color">7</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_2"/>
@@ -648,7 +649,7 @@
     </record>
     <record id="event_7_track_l3_11" model="event.track">
         <field name="name">Happy with OpenWood</field>
-        <field name="color">6</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="website_event_track.event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_3"/>
@@ -696,7 +697,7 @@
     <!-- Location 1 -->
     <record id="event_7_track_22" model="event.track">
         <field name="name">Tools for the Woodworking Beginner</field>
-        <field name="color">3</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_1"/>
@@ -737,11 +738,11 @@
     <!-- Location 3 -->
     <record id="event_7_track_25" model="event.track">
         <field name="name">Live Testimonials</field>
-        <field name="color">5</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage3"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_3"/>
-        <field name="date" eval="(DateTime.now() + timedelta(days=1)).strftime('%Y-%m-%d 07:00:00')"></field>
+        <field name="date" eval="(DateTime.now() + timedelta(days=1)).strftime('%Y-%m-%d 07:30:00')"></field>
         <field name="tag_ids" eval="[(4, ref('website_event_track.event_track_tag1')), (4, ref('website_event_track.event_track_tag2')), (4, ref('website_event_track.event_track_tag12'))]"/>
         <field name="is_published" eval="True"/>
         <field name="duration">3</field>
@@ -750,7 +751,7 @@
     </record>
     <record id="event_7_track_26" model="event.track">
         <field name="name">Less Furniture is More Furniture</field>
-        <field name="color">4</field>
+        <field name="color">0</field>
         <field name="event_id" ref="event.event_7"/>
         <field name="stage_id" ref="event_track_stage2"/>
         <field name="location_id" ref="website_event_track.event_track_location_online_3"/>