[IMP] theme_*: extract shapes to configurator-dedicated templates

This commit extracts the pre-defined section shapes from blocks into
templates that are dedicated to being used by the configurator.

For blocks that are not used in configurator pages, the configurator
templates have not been created.

task-3381714

Part-of: odoo/design-themes#692
This commit is contained in:
Benoit Socias
2023-08-28 14:42:05 +02:00
parent f4030e3815
commit d206c11972
119 changed files with 1405 additions and 596 deletions
+23 -11
View File
@@ -5,7 +5,6 @@
<!-- Slide #1 -->
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
<attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pb152 pt152" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
</xpath>
<xpath expr="//div[hasclass('carousel-content')]" position="replace">
<div class="carousel-content col-lg-6">
@@ -15,14 +14,9 @@
<p><a href="/contactus" class="btn btn-primary btn-lg">More Info</a></p>
</div>
</xpath>
<!-- Slide #1 - Shape -->
<xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-5&amp;c2=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
<!-- Slide #2 -->
<xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
<attribute name="class" add="pb224 pt224 o_cc o_cc2" remove="pt96 pb96" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":[]}</attribute>
</xpath>
<xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
<div class="carousel-content col-lg-6">
@@ -32,14 +26,9 @@
<p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
</div>
</xpath>
<!-- Slide #2 - Shape -->
<xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25 o_second_extra_shape_mapping"/>
</xpath>
<!-- Slide #3 -->
<xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
<attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pt128 pb128" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
</xpath>
<xpath expr="(//div[hasclass('carousel-content')])[3]" position="replace">
<div class="carousel-content col-lg-6">
@@ -49,6 +38,29 @@
<p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
</div>
</xpath>
</template>
<template id="configurator_s_carousel" inherit_id="website.configurator_s_carousel">
<!-- Slide #1 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
</xpath>
<!-- Slide #1 - Shape -->
<xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-5&amp;c2=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
<!-- Slide #2 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":[]}</attribute>
</xpath>
<!-- Slide #2 - Shape -->
<xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25 o_second_extra_shape_mapping"/>
</xpath>
<!-- Slide #3 - Shape option -->
<xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
</xpath>
<!-- Slide #3 - Shape -->
<xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_25 o_third_extra_shape_mapping" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-2&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>