From f23c463b26ecb4b5ee5aa833d765a15f40ec1906 Mon Sep 17 00:00:00 2001
From: amdi-odoo <amdi@odoo.com>
Date: Tue, 10 Jan 2023 11:46:03 +0000
Subject: [PATCH] [IMP] {website_event}_sale: add pricelist picker

Adding a pricelist picker on the website event
front-end to allow the user to display the prices
depending on the selected pricelist.

Adding a picker to change the ticket pricelist
on the ticket registration page.

Task-3081384

Part-of: odoo/odoo#106980
---
 .../views/event_templates_list.xml            |  2 +-
 addons/website_event_sale/__manifest__.py     |  4 +++
 .../js/website_event_sale_ticket_details.js   | 16 +++++++++++
 .../scss/website_event_sale_templates.scss    | 16 +++++++++++
 .../views/website_event_templates.xml         | 27 ++++++++++++++++---
 .../views/website_sale_templates.xml          | 10 +++++++
 6 files changed, 70 insertions(+), 5 deletions(-)
 create mode 100644 addons/website_event_sale/static/src/js/website_event_sale_ticket_details.js
 create mode 100644 addons/website_event_sale/static/src/scss/website_event_sale_templates.scss

diff --git a/addons/website_event/views/event_templates_list.xml b/addons/website_event/views/event_templates_list.xml
index f6ca3f09870..41c73d9c12c 100644
--- a/addons/website_event/views/event_templates_list.xml
+++ b/addons/website_event/views/event_templates_list.xml
@@ -48,7 +48,7 @@
     <nav class="navbar navbar-light border-top shadow-sm d-print-none">
         <div class="container">
             <div class="d-flex flex-column flex-sm-row justify-content-between w-100">
-                <span class="navbar-brand h4 my-0 me-auto">Events</span>
+                <span class="navbar-brand h4 my-0 me-auto pe-sm-4">Events</span>
                 <ul class="o_wevent_index_topbar_filters nav">
                     <t t-foreach="categories" t-as="category">
                         <li t-if="category.is_published and category.tag_ids and any(tag.color for tag in category.tag_ids)" class="nav-item dropdown me-2 my-1">
diff --git a/addons/website_event_sale/__manifest__.py b/addons/website_event_sale/__manifest__.py
index d15aee65192..f2e645a1d84 100644
--- a/addons/website_event_sale/__manifest__.py
+++ b/addons/website_event_sale/__manifest__.py
@@ -22,6 +22,10 @@ Sell event tickets through eCommerce app.
         'web.assets_tests': [
             'website_event_sale/static/tests/**/*',
         ],
+        'web.assets_frontend': [
+            'website_event_sale/static/src/scss/*.scss',
+            'website_event_sale/static/src/js/*.js',
+        ],
     },
     'license': 'LGPL-3',
 }
diff --git a/addons/website_event_sale/static/src/js/website_event_sale_ticket_details.js b/addons/website_event_sale/static/src/js/website_event_sale_ticket_details.js
new file mode 100644
index 00000000000..6ba04594aea
--- /dev/null
+++ b/addons/website_event_sale/static/src/js/website_event_sale_ticket_details.js
@@ -0,0 +1,16 @@
+/** @odoo-module **/
+
+import publicWidget from 'web.public.widget';
+
+publicWidget.registry.ticketDetailsWidget.include({
+    /**
+     * Overriding the method to toggle the tickets registration
+     * pricelist dropdown visibility on ticket details click
+     */
+    _onTicketDetailsClick: function(ev) {
+        this._super(...arguments);
+        if (this.foldedByDefault){
+            $(ev.currentTarget).siblings('#o_wevent_tickets_pricelist').toggleClass('collapse');
+        }
+    }
+});
diff --git a/addons/website_event_sale/static/src/scss/website_event_sale_templates.scss b/addons/website_event_sale/static/src/scss/website_event_sale_templates.scss
new file mode 100644
index 00000000000..109db7ebc2b
--- /dev/null
+++ b/addons/website_event_sale/static/src/scss/website_event_sale_templates.scss
@@ -0,0 +1,16 @@
+#o_wevent_tickets .o_pricelist_dropdown {
+    .dropdown-toggle {
+        color: $gray-600; // text-muted
+        font-style: italic;
+    }
+    .dropdown-toggle:focus {
+        outline: none;
+        box-shadow: none;
+    }
+    .dropdown-toggle:hover {
+        text-decoration: underline;
+    }
+    .dropdown-item {
+        font-size: small;
+    }
+}
diff --git a/addons/website_event_sale/views/website_event_templates.xml b/addons/website_event_sale/views/website_event_templates.xml
index d59a4c219e5..6289119180a 100644
--- a/addons/website_event_sale/views/website_event_templates.xml
+++ b/addons/website_event_sale/views/website_event_templates.xml
@@ -2,6 +2,16 @@
 <odoo>
 
 <template id="registration_template" inherit_id="website_event.registration_template">
+    <!-- Change pricelist -->
+    <xpath expr="//div[hasclass('o_wevent_price_range')]" position="after">
+        <div id="o_wevent_tickets_pricelist" class="collapse show">
+            <t t-set="website_sale_pricelists" t-value="website.get_pricelist_available(show_visible=True)" />
+            <t t-set="hasPricelistDropdown" t-value="website_sale_pricelists and len(website_sale_pricelists)&gt;1"/>
+            <t t-call="website_sale.pricelist_list">
+                <t t-set="_classes" t-valuef="d-none d-lg-inline p-0 ms-2 my-1"/>
+            </t>
+        </div>
+    </xpath>
     <!-- Add price information on tickets (multi tickets, aka in collapse) -->
     <xpath expr="//div[hasclass('o_wevent_registration_multi_select')]" position="inside">
         <t t-if="ticket.price">
@@ -20,13 +30,16 @@
         <span t-else="" class="fw-bold text-uppercase">Free</span>
     </xpath>
     <xpath expr="//div[hasclass('o_wevent_price_range')]" position="inside">
-        <t t-if="event.event_ticket_ids[-1].price_reduce > 0">
+        <t t-set="all_prices" t-value="event.event_ticket_ids.mapped('price_reduce')"/>
+        <t t-set="lowest_price" t-value="min(all_prices)"/>
+        <t t-set="highest_price" t-value="max(all_prices)"/>
+        <t t-if="highest_price > 0">
             <span class="text-dark">
                 From
-                <span t-out="event.event_ticket_ids[0].price_reduce" t-options="{'widget': 'monetary', 'from_currency': event.company_id.sudo().currency_id, 'display_currency': website.pricelist_id.currency_id}"/>
-                <t t-if="event.event_ticket_ids[-1].price_reduce != event.event_ticket_ids[0].price_reduce">
+                <span t-out="lowest_price" t-options="{'widget': 'monetary', 'from_currency': event.company_id.sudo().currency_id, 'display_currency': website.pricelist_id.currency_id}"/>
+                <t t-if="lowest_price != highest_price">
                     to
-                    <span t-out="event.event_ticket_ids[-1].price_reduce" t-options="{'widget': 'monetary', 'from_currency': event.company_id.sudo().currency_id, 'display_currency': website.pricelist_id.currency_id}"/>
+                    <span t-out="highest_price" t-options="{'widget': 'monetary', 'from_currency': event.company_id.sudo().currency_id, 'display_currency': website.pricelist_id.currency_id}"/>
                 </t>
             </span>
         </t>
@@ -65,4 +78,10 @@
     </xpath>
 </template>
 
+<template id="fold_register_details" inherit_id="website_event.fold_register_details" name="Fold ticket details">
+    <xpath expr="//div[@id='o_wevent_tickets_pricelist']" position="attributes">
+        <attribute name="class">collapse</attribute>
+    </xpath>
+</template>
+
 </odoo>
diff --git a/addons/website_event_sale/views/website_sale_templates.xml b/addons/website_event_sale/views/website_sale_templates.xml
index 93e76cf604d..37b99e0e8bc 100644
--- a/addons/website_event_sale/views/website_sale_templates.xml
+++ b/addons/website_event_sale/views/website_sale_templates.xml
@@ -1,6 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
 
+    <template id="index_topbar" inherit_id="website_event.index_topbar">
+        <xpath expr="//ul[hasclass('o_wevent_index_topbar_filters')]" position="inside">
+            <t t-set="website_sale_pricelists" t-value="website.get_pricelist_available(show_visible=True)" />
+            <t t-set="hasPricelistDropdown" t-value="website_sale_pricelists and len(website_sale_pricelists)&gt;1"/>
+            <t t-call="website_sale.pricelist_list">
+                <t t-set="_classes" t-valuef="d-none d-lg-inline me-2 my-1"/>
+            </t>
+        </xpath>
+    </template>
+
     <!-- If the sale order line concerns an event, we want the "product" link to point to the event itself and not to the product on the ecommerce -->
     <template id="cart_line_product_link_inherit_website_event_sale" inherit_id="website_sale.cart_line_product_link" name="Event Shopping Cart Line Product Link">
         <xpath expr="//a" position="attributes">