mass_mailing/views/snippets/s_masonry_block.xml

314 lines
15 KiB
XML
Raw Normal View History

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- Template -->
<template id="s_masonry_block" name="Masonry">
<div class="s_masonry_block o_mail_snippet_general" data-vcss="001">
<div class="container text-white">
<t t-call="mass_mailing.s_masonry_block_default_template"/>
</div>
</div>
</template>
<!-- Templates -->
<template id="s_masonry_block_default_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
</div>
</template>
<template id="s_masonry_block_reversed_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_images_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_image_texts_image_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
<div class="col-lg-3 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
<div class="col-lg-6 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_mosaic_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 oe_img_bg text-center pt224 pb224" data-name="Block"
style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
</div>
</div>
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row">
<div class="col-lg-12 oe_img_bg text-center pt224 pb224" data-name="Block"
style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
</div>
<div class="row">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
</div>
</template>
<template id="s_masonry_block_texts_image_texts_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
<div class="col-lg-6 oe_img_bg text-center pt224 pb224" data-name="Block"
style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_text_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_text_image_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_image_text_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_text_image_text_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</template>
<!-- Options -->
<template id="s_masonry_block_options" inherit_id="mass_mailing.snippet_options">
<xpath expr="//div[@data-js='layout_column']" position="after">
<div data-js="MasonryLayout" data-selector=".s_masonry_block">
<we-select string="Template"
data-name="masonry_template_opt"
data-attribute-name="masonryTemplate"
data-attribute-default-value="default">
<we-button title="Default"
data-select-template="mass_mailing.s_masonry_block_default_template"
data-select-data-attribute="default"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_default.svg"/>
<we-button title="Default Reversed"
data-select-template="mass_mailing.s_masonry_block_reversed_template"
data-select-data-attribute="default_reversed"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_reversed.svg"/>
<we-button title="Images"
data-select-template="mass_mailing.s_masonry_block_images_template"
data-select-data-attribute="images"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_images.svg"/>
<we-button title="Image Text Image"
data-select-template="mass_mailing.s_masonry_block_image_texts_image_template"
data-select-data-attribute="image_text_image"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_image_texts_image.svg"/>
<we-button title="Mosaic"
data-select-template="mass_mailing.s_masonry_block_mosaic_template"
data-select-data-attribute="mosaic"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_mosaic.svg"/>
<we-button title="Text Image Text"
data-select-template="mass_mailing.s_masonry_block_texts_image_texts_template"
data-select-data-attribute="text_image_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_texts_image_texts.svg"/>
<we-button title="Alternate Text"
data-select-template="mass_mailing.s_masonry_block_alternation_text_template"
data-select-data-attribute="alternate_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_texts.svg"/>
<we-button title="Alternate Text Image"
data-select-template="mass_mailing.s_masonry_block_alternation_text_image_template"
data-select-data-attribute="alternate_text_image"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_text_image.svg"/>
<we-button title="Alternate Image Text"
data-select-template="mass_mailing.s_masonry_block_alternation_image_text_template"
data-select-data-attribute="alternate_image_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_image_text.svg"/>
<we-button title="Alternate Text Image Text"
data-select-template="mass_mailing.s_masonry_block_alternation_text_image_text_template"
data-select-data-attribute="alternate_text_image_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg"/>
</we-select>
</div>
</xpath>
</template>
<!-- Assets -->
<record id="mass_mailing.s_masonry_block_001_scss" model="ir.asset">
<field name="name">Masonry block 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_masonry_block/001.scss</field>
</record>
</odoo>