NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
theme_notes/views/snippets/s_banner.xml
+11 -6
View File
@@ -5,17 +5,22 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/08","flip":["x","y"]}</attribute>
</xpath>
<!-- Filter & Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_08" style="background-image: url('/web_editor/shape/web_editor/Floats/08.svg?c1=o-color-1&amp;c2=o-color-2&amp;c3=o-color-3&amp;c5=o-color-1&amp;flip=xy'); background-position: 100% 100%;"/>
</xpath>
<!-- Jumbotron -->
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Enjoy the atmosphere
</xpath>
</template>
<template id="configurator_s_banner" inherit_id="website.configurator_s_banner">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/08","flip":["x","y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_08" style="background-image: url('/web_editor/shape/web_editor/Floats/08.svg?c1=o-color-1&amp;c2=o-color-2&amp;c3=o-color-3&amp;c5=o-color-1&amp;flip=xy'); background-position: 100% 100%;"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_call_to_action.xml
+12 -3
View File
@@ -5,13 +5,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb72 pt96 oe_img_bg o_bg_img_center" remove="pt48 pb24" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
<attribute name="style">background-image: url('/web/image/website.s_call_to_action_default_image'); background-position: 50% 34%;</attribute>
</xpath>
<!-- Shape & filter -->
<!-- Filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
<div class="o_we_shape o_web_editor_Floats_12"/>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace">
@@ -30,4 +28,15 @@
</xpath>
</template>
<template id="configurator_s_call_to_action" inherit_id="website.configurator_s_call_to_action">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_12"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_carousel.xml
+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%;"/>
theme_notes/views/snippets/s_company_team.xml
+11 -5
View File
@@ -5,11 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pb128" remove="pb48" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_13_001"/>
</xpath>
<!-- Member #1 -->
<xpath expr="//div[hasclass('col-lg-8')]//h4" position="replace" mode="inner">
@@ -41,4 +36,15 @@
</xpath>
</template>
<template id="configurator_s_company_team" inherit_id="website.configurator_s_company_team">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_13_001"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_comparisons.xml
+2 -2
View File
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Section -->
<template id="configurator_s_comparisons" inherit_id="website.configurator_s_comparisons">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/05","flip":[]}</attribute>
</xpath>
theme_notes/views/snippets/s_cover.xml
+8 -5
View File
@@ -2,7 +2,14 @@
<odoo>
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
<b>Discover <br/>the Miraillet Festival</b>
</xpath>
</template>
<template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
</xpath>
@@ -10,10 +17,6 @@
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_12"/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
<b>Discover <br/>the Miraillet Festival</b>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_features_grid.xml
-1
View File
@@ -5,7 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 pb72 pt96" remove="pt48 pb24" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":[]}</attribute>
</xpath>
<!-- Item #4 -->
<xpath expr="(//i)[4]" position="attributes">
theme_notes/views/snippets/s_image_text.xml
+7 -1
View File
@@ -5,7 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 pt80 pb80" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":[]}</attribute>
</xpath>
<!-- Text wrapper -->
<xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
@@ -27,4 +26,11 @@
</xpath>
</template>
<template id="configurator_s_image_text" inherit_id="website.configurator_s_image_text">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":[]}</attribute>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_media_list.xml
+11 -5
View File
@@ -5,11 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1 pb96 pt96" remove="o_cc2 pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01_001" style="background-image: url('/web_editor/shape/web_editor/Blobs/01_001.svg?c2=o-color-3&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
<!-- Row #1 -->
@@ -96,4 +91,15 @@
</xpath>
</template>
<template id="configurator_s_media_list" inherit_id="website.configurator_s_media_list">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01_001" style="background-image: url('/web_editor/shape/web_editor/Blobs/01_001.svg?c2=o-color-3&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_parallax.xml
+2 -2
View File
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_parallax" inherit_id="website.s_parallax">
<!-- Section -->
<template id="configurator_s_parallax" inherit_id="website.configurator_s_parallax">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
</xpath>
theme_notes/views/snippets/s_product_catalog.xml
+12 -3
View File
@@ -6,12 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 pb160 pt160 parallax s_parallax_is_fixed s_parallax_no_overflow_hidden o_full_screen_height" remove="pb32 pt48" separator=" "/>
<attribute name="data-scroll-background-ratio">1</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/10","flip":[]}</attribute>
</xpath>
<!-- Shape & Background image -->
<!-- Background image -->
<xpath expr="//section/*" position="before">
<span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-image: url('/web/image/website.s_product_catalog_default_image');"/>
<div class="o_we_shape o_web_editor_Wavy_10"/>
</xpath>
<!-- Title & subtitles -->
<xpath expr="//h2" position="replace">
@@ -69,4 +67,15 @@
</xpath>
</template>
<template id="configurator_s_product_catalog" inherit_id="website.configurator_s_product_catalog">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/10","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//section/*" position="before">
<div class="o_we_shape o_web_editor_Wavy_10"/>
</xpath>
</template>
</odoo>
theme_notes/views/snippets/s_text_image.xml
+7 -1
View File
@@ -5,7 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc1 pt80 pb80" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
</xpath>
<!-- Title & Paragraph -->
<xpath expr="//h2" position="replace" mode="inner">
@@ -26,4 +25,11 @@
</xpath>
</template>
<template id="configurator_s_text_image" inherit_id="website.configurator_s_text_image">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
</xpath>
</template>
</odoo>