From e73b17fd4726397a059180d803713e17fb346f29 Mon Sep 17 00:00:00 2001
From: Cocographique <nmi@odoo.com>
Date: Wed, 12 Aug 2020 08:34:06 +0000
Subject: [PATCH] [IMP] website, *: add 'centered logo' header template

*: website_sale, website_sale_wishlist

Part of https://github.com/odoo/odoo/pull/56427
task-2264627

X-original-commit: b14b69ebc82314403d9181a42693bb7faf6dada4
Co-authored-by: qsm-odoo <qsm@odoo.com>
---
 addons/website/models/theme_models.py         |  1 +
 addons/website/static/src/scss/website.scss   | 10 +++--
 addons/website/views/snippets/snippets.xml    |  3 ++
 addons/website/views/website_templates.xml    | 41 +++++++++++++++++++
 addons/website_sale/views/templates.xml       | 10 +++++
 .../views/website_sale_wishlist_template.xml  | 10 +++++
 6 files changed, 72 insertions(+), 3 deletions(-)

diff --git a/addons/website/models/theme_models.py b/addons/website/models/theme_models.py
index eddbff95495..0ca529c2877 100644
--- a/addons/website/models/theme_models.py
+++ b/addons/website/models/theme_models.py
@@ -191,6 +191,7 @@ class Theme(models.AbstractModel):
         self.disable_view('website.template_header_contact')
         self.disable_view('website.template_header_minimalist')
         self.disable_view('website.template_header_boxed')
+        self.disable_view('website.template_header_centered_logo')
 
         # Reinitialize footer templates
         self.enable_view('website.footer_custom')
diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index ad1769d0a19..b901ecabb97 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -933,9 +933,7 @@ header {
             margin-bottom: $spacer;
         }
     }
-}
-
-@if o-website-value('header-template') == 'sidebar' {
+} @else if o-website-value('header-template') == 'sidebar' {
     @include media-breakpoint-up(lg) {
         #wrapwrap {
             // Hack: padding is used by layout option (boxed, etc) so use
@@ -993,6 +991,12 @@ header {
     #wrapwrap:not(.o_header_overlay) .o_header_boxed_background {
         @include o-apply-colors('header-boxed');
     }
+} @else if o-website-value('header-template') == 'centered_logo' {
+    header .o_header_centered_logo {
+        @include media-breakpoint-up(lg) {
+            width: 50%;
+        }
+    }
 }
 
 // Mega menu
diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index 6da3eec19d8..4e3d97afa1c 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -596,6 +596,9 @@
             <we-button data-name="header_boxed_opt"
                        data-customize-website-views="website.template_header_boxed"
                        data-customize-website-variable="'boxed'">Boxed</we-button>
+            <we-button data-name="header_centered_logo_opt"
+                       data-customize-website-views="website.template_header_centered_logo"
+                       data-customize-website-variable="'centered_logo'">Centered Logo</we-button>
         </we-select>
 
         <!-- Header Sidebar Template - Options -->
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 1f49ce3cdee..0504f19e884 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -895,6 +895,47 @@
     </xpath>
 </template>
 
+<template id="template_header_centered_logo" inherit_id="website.layout" name="Template Header Centered Logo" active="False">
+    <xpath expr="//header//nav" position="replace">
+        <nav class="navbar navbar-light navbar-expand-lg o_colored_level o_cc">
+            <div id="top_menu_container" class="container">
+                <!-- Navbar Toggler -->
+                <t t-call="website.navbar_toggler"/>
+                <!-- Navbar Collapse -->
+                <div id="top_menu_collapse" class="collapse navbar-collapse o_header_centered_logo order-last order-lg-first">
+                    <t t-call="website.navbar_nav">
+                        <!-- Menu -->
+                        <t t-foreach="website.menu_id.child_id" t-as="submenu">
+                            <t t-call="website.submenu">
+                                <t t-set="item_class" t-value="'nav-item'"/>
+                                <t t-set="link_class" t-value="'nav-link'"/>
+                            </t>
+                        </t>
+                    </t>
+                </div>
+                <!-- Brand -->
+                <t t-call="website.placeholder_header_brand">
+                    <t t-set="_link_class" t-value="'m-0'"/>
+                </t>
+                <!-- Right -->
+                <ul class="nav navbar-nav o_header_centered_logo justify-content-end">
+                    <!-- Sign In -->
+                    <t t-call="portal.placeholder_user_sign_in">
+                        <t t-set="_item_class" t-value="'nav-item ml-3'"/>
+                        <t t-set="_link_class" t-value="'nav-link'"/>
+                    </t>
+                    <!-- User Dropdown -->
+                    <t t-call="portal.user_dropdown">
+                        <t t-set="_icon" t-value="true"/>
+                        <t t-set="_item_class" t-value="'nav-item dropdown ml-3'"/>
+                        <t t-set="_link_class" t-value="'nav-link'"/>
+                    </t>
+                </ul>
+            </div>
+        </nav>
+    </xpath>
+</template>
+
 <!-- Navbar Hamburger Options -->
 <template id="option_header_off_canvas" inherit_id="website.navbar_nav" name="Off-Canvas Header" active="False">
     <xpath expr="//ul[@id='top_menu']" position="attributes">
diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index ee715bcd63f..15b726d4b02 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -173,6 +173,16 @@
         </xpath>
     </template>
 
+    <template id="template_header_centered_logo" inherit_id="website.template_header_centered_logo">
+        <xpath expr="//t[@t-call='portal.placeholder_user_sign_in']" position="before">
+            <t t-call="website_sale.header_cart_link">
+                <t t-set="_icon" t-value="True"/>
+                <t t-set="_item_class" t-value="'nav-item'"/>
+                <t t-set="_link_class" t-value="'nav-link'"/>
+            </t>
+        </xpath>
+    </template>
+
     <!-- Products Search Bar input-group template -->
     <template id="website_sale_products_search_box" inherit_id="website.website_search_box" primary="True">
         <xpath expr="//input[@name='search']" position="attributes">
diff --git a/addons/website_sale_wishlist/views/website_sale_wishlist_template.xml b/addons/website_sale_wishlist/views/website_sale_wishlist_template.xml
index 45d9a31d386..9f4f1efe5bf 100644
--- a/addons/website_sale_wishlist/views/website_sale_wishlist_template.xml
+++ b/addons/website_sale_wishlist/views/website_sale_wishlist_template.xml
@@ -132,6 +132,16 @@
         </xpath>
     </template>
 
+    <template id="template_header_centered_logo" inherit_id="website_sale.template_header_centered_logo">
+        <xpath expr="//t[@t-call='website_sale.header_cart_link']" position="after">
+            <t t-call="website_sale_wishlist.header_wishlist_link">
+                <t t-set="_icon" t-value="True"/>
+                <t t-set="_item_class" t-value="'nav-item ml-1'"/>
+                <t t-set="_link_class" t-value="'nav-link'"/>
+            </t>
+        </xpath>
+    </template>
+
     <template id="product_wishlist" name="Wishlist Page">
         <t t-call="website.layout">
             <t t-set="additional_title">Shop Wishlist</t>