From a74cd7ad4fdb3c2aeccfd3a6b03f0b2c18caf39b Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Wed, 22 Jan 2020 14:02:52 +0000
Subject: [PATCH] [MOV] website: add s_text_highlight snippet from themes repo

Part of https://github.com/odoo/odoo/pull/42937
task-2088157
---
 addons/website/__manifest__.py                |   1 +
 .../src/img/snippets_thumbs/s_color_block.png | Bin 0 -> 18154 bytes
 .../src/snippets/s_text_highlight/000.scss    |   5 +++
 .../views/snippets/s_text_highlight.xml       |  41 ++++++++++++++++++
 addons/website/views/snippets/snippets.xml    |   4 +-
 5 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 addons/website/static/src/img/snippets_thumbs/s_color_block.png
 create mode 100644 addons/website/static/src/snippets/s_text_highlight/000.scss
 create mode 100644 addons/website/views/snippets/s_text_highlight.xml

diff --git a/addons/website/__manifest__.py b/addons/website/__manifest__.py
index d0162551820..079fb14cf8d 100644
--- a/addons/website/__manifest__.py
+++ b/addons/website/__manifest__.py
@@ -63,6 +63,7 @@
         'views/snippets/s_showcase.xml',
         'views/snippets/s_timeline.xml',
         'views/snippets/s_process_steps.xml',
+        'views/snippets/s_text_highlight.xml',
         'views/snippets/s_mega_menu_multi_menus.xml',
         'views/snippets/s_mega_menu_menu_image_menu.xml',
         'views/website_views.xml',
diff --git a/addons/website/static/src/img/snippets_thumbs/s_color_block.png b/addons/website/static/src/img/snippets_thumbs/s_color_block.png
new file mode 100644
index 0000000000000000000000000000000000000000..9894311998ef9471fe3b8c98a2fd76f9bf7635d2
GIT binary patch
literal 18154
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

literal 0
HcmV?d00001

diff --git a/addons/website/static/src/snippets/s_text_highlight/000.scss b/addons/website/static/src/snippets/s_text_highlight/000.scss
new file mode 100644
index 00000000000..7728cff487e
--- /dev/null
+++ b/addons/website/static/src/snippets/s_text_highlight/000.scss
@@ -0,0 +1,5 @@
+.s_text_highlight {
+    padding: 12px 8px 18px;
+    border-radius: 5px;
+    border: 1px solid rgba(white, 0.2);
+}
diff --git a/addons/website/views/snippets/s_text_highlight.xml b/addons/website/views/snippets/s_text_highlight.xml
new file mode 100644
index 00000000000..5db6533d293
--- /dev/null
+++ b/addons/website/views/snippets/s_text_highlight.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template name="Text Highlight" id="s_text_highlight">
+    <div class="s_text_highlight bg-gamma o_animation mt32 mb32 text-center w-100">
+        <div class="container">
+            <h3>Text Highlight</h3>
+            <h4>Change the color of this box</h4>
+            <p>Put the focus on what you have to say!</p>
+        </div>
+    </div>
+</template>
+
+<template id="s_text_highlight_options" inherit_id="website.snippet_options">
+    <xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
+        <attribute name="data-selector" add=".s_text_highlight"/>
+    </xpath>
+    <xpath expr="//div[@id='so_width']" position="attributes">
+        <attribute name="data-selector" add=".s_text_highlight"/>
+    </xpath>
+    <xpath expr="//div[@id='so_text_align']" position="attributes">
+        <attribute name="data-selector" add=".s_text_highlight"/>
+    </xpath>
+    <xpath expr="//div[@data-js='background']" position="before">
+        <div data-selector=".s_text_highlight">
+            <we-select string="Position">
+                <we-button data-select-class="">Left</we-button>
+                <we-button data-select-class="mx-auto">Center</we-button>
+                <we-button data-select-class="ml-auto">Right</we-button>
+            </we-select>
+        </div>
+    </xpath>
+</template>
+
+<template id="assets_snippet_s_text_highlight_css_000" inherit_id="website.assets_frontend">
+    <xpath expr="//link[last()]" position="after">
+        <link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_text_highlight/000.scss"/>
+    </xpath>
+</template>
+
+</odoo>
diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index d97548de920..5d7f322f3f7 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -94,7 +94,7 @@
                     <t t-snippet="website.s_share" t-thumbnail="/website/static/src/img/snippets_thumbs/s_share.png"/>
                     <t id="sale_product_search_input_hook"/>
                     <t id="mass_mailing_newsletter_hook"/>
-                    <!-- Text Highlight -->
+                    <t t-snippet="website.s_text_highlight" t-thumbnail="/website/static/src/img/snippets_thumbs/s_color_block.png"/>
                     <t t-snippet="website.s_chart" t-thumbnail="/website/static/src/img/snippets_thumbs/s_chart.png"/>
                     <!-- Progress Bar -->
                     <!-- Tags -->
@@ -326,7 +326,7 @@
         t-att-data-selector="so_snippet_addition_selector"
         data-drop-in=":not(p).oe_structure:not(.oe_structure_solo), :not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(> section, > div))"/>
 
-    <t t-set="so_content_addition_selector" t-translation="off">blockquote, .s_card, .s_alert, .o_facebook_page, .s_share, .s_rating, .s_hr, .s_countdown, .s_chart</t>
+    <t t-set="so_content_addition_selector" t-translation="off">blockquote, .s_card, .s_alert, .o_facebook_page, .s_share, .s_rating, .s_hr, .s_countdown, .s_chart, .s_text_highlight</t>
     <div id="so_content_addition"
         t-att-data-selector="so_content_addition_selector"
         t-attf-data-drop-near="p, h1, h2, h3, .row > div > img, #{so_content_addition_selector}"