From 66921786cab4559c7db4a8d0fcb32d14feb998ce Mon Sep 17 00:00:00 2001
From: Younn Olivier <yol@odoo.com>
Date: Wed, 25 Aug 2021 15:27:20 +0000
Subject: [PATCH] [FIX] website: properly define snippets for footer and header
 templates

Some footer and header templates, introduced in [1] were using snippet
classes without the snippet data attribute. Therefore, they were not
using the snippets versioning system.

For example, the template_footer_descriptive was using an outdated
version of the s_title snippet, when a V001 css version had already been
introduced by [2].

[1]: 34ed29cbac80180982c9acc86c1412433bb88919
[2]: f34d7f4fabe3cd819ed17ea581915107afd00a7f

task-2212216

closes odoo/odoo#75670

X-original-commit: bc4091e3049257a4517e556d51b2ed8e06e2095e
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 addons/website/views/website_templates.xml | 30 +++++++++++-----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index c4fe36fb5ec..e2ac090af9f 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -389,7 +389,7 @@
                         </div>
                         <!-- Social -->
                         <div class="col-lg-6 pb16">
-                            <div class="s_share text-left no_icon_color" data-name="Social Media">
+                            <div class="s_share text-left no_icon_color" data-snippet="s_share" data-name="Social Media">
                                 <h5 class="s_share_title d-none">Follow us</h5>
                                 <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                                     <i class="fa fa-facebook m-1"/>
@@ -492,7 +492,7 @@
         <div class="oe_structure oe_structure_solo" id="oe_structure_header_vertical_1">
             <section class="s_text_block" data-snippet="s_text_block" data-name="Text">
                 <div class="container">
-                    <div class="s_share no_icon_color" data-name="Social Media">
+                    <div class="s_share no_icon_color" data-snippet="s_share" data-name="Social Media">
                         <h6 class="s_share_title d-none">Follow us</h6>
                         <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                             <i class="fa fa-facebook m-1"/>
@@ -594,7 +594,7 @@
             <section class="s_text_block" data-snippet="s_text_block" data-name="Text">
                 <div class="container">
                     <!-- Social -->
-                    <div class="s_share mt-3" data-name="Social Media">
+                    <div class="s_share mt-3" data-snippet="s_share" data-name="Social Media">
                         <h5 class="s_share_title d-none">Follow us</h5>
                         <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                             <i class="fa fa-facebook rounded-circle shadow-sm"/>
@@ -780,7 +780,7 @@
                             </small>
                         </div>
                         <div class="col-lg-4 text-lg-right">
-                            <div class="s_share no_icon_color" data-name="Social Media">
+                            <div class="s_share no_icon_color" data-snippet="s_share" data-name="Social Media">
                                 <small class="s_share_title text-muted"><b>Follow us</b></small>
                                 <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                                     <i class="fa fa-facebook m-1"/>
@@ -908,7 +908,7 @@
         <div class="oe_structure oe_structure_solo" id="oe_structure_header_boxed_1">
             <section class="s_text_block" data-snippet="s_text_block" name="Text">
                 <div class="container">
-                    <div class="s_share text-left" data-name="Social Media">
+                    <div class="s_share text-left" data-snippet="s_share" data-name="Social Media">
                         <h6 class="s_share_title d-none">Follow us</h6>
                         <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                             <i class="fa fa-facebook m-1"/>
@@ -1105,10 +1105,10 @@
 <template id="template_header_hamburger_full_oe_structure_header_hamburger_full_1" inherit_id="website.template_header_hamburger_full" name="Template Header Hamburger Full (oe_structure_header_hamburger_full_1)">
     <xpath expr="//*[hasclass('oe_structure')][@id='oe_structure_header_hamburger_full_1']" position="replace">
         <div class="oe_structure oe_structure_solo w-100" id="oe_structure_header_hamburger_full_1">
-            <div class="s_hr pt32 pb32" data-name="Separator">
+            <div class="s_hr pt32 pb32" data-snippet="s_hr" data-name="Separator">
                 <hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid; border-color: var(--400);"/>
             </div>
-            <div class="s_share text-center" data-name="Social Media">
+            <div class="s_share text-center" data-snippet="s_share" data-name="Social Media">
                 <h5 class="s_share_title d-none">Follow us</h5>
                 <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                     <i class="fa fa-facebook rounded-circle shadow-sm"/>
@@ -1188,7 +1188,7 @@
                             <p class="mb-0"><small>We help you grow your business</small></p>
                         </div>
                         <div class="col-lg-4 text-lg-right pt16">
-                            <div class="s_share no_icon_color" data-name="Social Media">
+                            <div class="s_share no_icon_color" data-snippet="s_share" data-name="Social Media">
                                 <small class="s_share_title d-none"><b>Follow us</b></small>
                                 <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                                     <i class="fa fa-facebook m-1"/>
@@ -1380,7 +1380,7 @@
                                 <li><i class="fa fa-envelope fa-fw mr-2"/><span><a href="mailto:info@yourcompany.example.com">info@yourcompany.example.com</a></span></li>
                                 <li><i class="fa fa-phone fa-fw mr-2"/><span class="o_force_ltr"><a href="tel:+1 (650) 555-0111">+1 (650) 555-0111</a></span></li>
                             </ul>
-                            <div class="s_share text-left" data-name="Social Media">
+                            <div class="s_share text-left" data-snippet="s_share" data-name="Social Media">
                                 <h5 class="s_share_title d-none">Follow us</h5>
                                 <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                                     <i class="fa fa-facebook rounded-circle shadow-sm"/>
@@ -1406,7 +1406,7 @@
 <template id="template_footer_descriptive" inherit_id="website.layout" name="Descriptive" active="False">
     <xpath expr="//div[@id='footer']" position="replace">
         <div id="footer" class="oe_structure oe_structure_solo" t-ignore="true" t-if="not no_footer">
-            <section class="s_title pt48 pb24">
+            <section class="s_title pt48 pb24" data-vcss="001" data-snippet="s_title">
                 <div class="container s_allow_columns">
                     <h4><b>Designed</b> for companies</h4>
                 </div>
@@ -1425,7 +1425,7 @@
                                 <li><i class="fa fa-phone fa-fw mr-2"/><span class="o_force_ltr"><a href="tel:+1 (650) 555-0111">+1 (650) 555-0111</a></span></li>
                                 <li><i class="fa fa-envelope fa-fw mr-2"/><span><a href="mailto:hello@mycompany.com">hello@mycompany.com</a></span></li>
                             </ul>
-                            <div class="s_share text-left no_icon_color" data-name="Social Media">
+                            <div class="s_share text-left no_icon_color" data-snippet="s_share" data-name="Social Media">
                                 <h5 class="s_share_title d-none">Follow us</h5>
                                 <a href="/website/social/github" class="s_share_github" target="_blank">
                                     <i class="fa fa-2x fa-github m-1"/>
@@ -1453,7 +1453,7 @@
         <div id="footer" class="oe_structure oe_structure_solo" t-ignore="true" t-if="not no_footer">
             <section class="s_text_block pt32" data-snippet="s_text_block" data-name="Text">
                 <div class="container s_allow_columns">
-                    <div class="s_share text-center mb-4" data-name="Social Media">
+                    <div class="s_share text-center mb-4" data-snippet="s_share" data-name="Social Media">
                         <h5 class="s_share_title d-none">Follow us</h5>
                         <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                             <i class="fa fa-facebook rounded-circle rounded shadow-sm"/>
@@ -1566,7 +1566,7 @@
                             </ul>
                         </div>
                         <div class="col-lg-3 pt16 pb16">
-                            <div class="s_share text-right no_icon_color" data-name="Social Media">
+                            <div class="s_share text-right no_icon_color" data-snippet="s_share" data-name="Social Media">
                                 <h5 class="s_share_title d-none">Follow us</h5>
                                 <a href="/website/social/github" class="s_share_github" target="_blank">
                                     <i class="fa fa-2x fa-github m-1"/>
@@ -1608,7 +1608,7 @@
                             <h5><a href="mailto:hello@mycompany.com">hello@mycompany.com</a></h5>
                         </div>
                         <div class="col-lg-3 pt16 pb16">
-                            <div class="s_share text-right no_icon_color" data-name="Social Media">
+                            <div class="s_share text-right no_icon_color" data-snippet="s_share" data-name="Social Media">
                                 <p class="s_share_title d-block mb-2">Follow us</p>
                                 <a href="/website/social/twitter" class="s_share_twitter" target="_blank">
                                     <i class="fa fa-twitter m-1"/>
@@ -1738,7 +1738,7 @@
                             </ul>
                         </div>
                         <div class="col-lg-3 pb24">
-                            <div class="s_share text-right" data-name="Social Media">
+                            <div class="s_share text-right" data-snippet="s_share" data-name="Social Media">
                                 <h5 class="s_share_title d-none">Share</h5>
                                 <a href="/website/social/facebook" class="s_share_facebook" target="_blank">
                                     <i class="fa fa-1x fa-facebook rounded-circle shadow-sm"/>