Odoo18-Base/addons/website/views/snippets/s_blockquote.xml

89 lines
4.3 KiB
XML
Raw Permalink Normal View History

2025-01-06 10:57:38 +07:00
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template name="Blockquote" id="s_blockquote">
<blockquote class="s_blockquote s_blockquote_with_line o_cc o_cc2 o_animable position-relative d-flex flex-column gap-4 w-100 mx-auto p-4 fst-normal" data-vcss="001">
<div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
<div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
<i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
</div>
<p class="s_blockquote_quote my-auto">" Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services. "</p>
<div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
<img src="/web/image/website.s_blockquote_default_image" class="s_blockquote_avatar img rounded-circle" alt=""/>
<div class="s_blockquote_author">
<span class="o_small">
<strong>Paul Dawson</strong><br/>
<span class="text-muted">CEO of MyCompany</span>
</span>
</div>
</div>
</blockquote>
</template>
<template id="s_blockquote_options" inherit_id="website.snippet_options">
<xpath expr="." position="inside">
<!-- Color and images -->
<t t-call="website.snippet_options_background_options">
<t t-set="selector" t-value="'.s_blockquote'"/>
<t t-set="with_colors" t-value="True"/>
<t t-set="with_images" t-value="True"/>
<t t-set="with_shapes" t-value="True"/>
<t t-set="with_gradients" t-value="True"/>
<t t-set="with_color_combinations" t-value="True"/>
</t>
<!-- Layout -->
<div data-selector=".s_blockquote">
<we-range string="Edge Spacing" data-select-class="p-1|p-2|p-3|p-4|p-5"/>
<we-select string="Decoration">
<we-button data-select-class="s_blockquote_default">None</we-button>
<we-button data-select-class="s_blockquote_with_line" data-name="blockquote_with_line_opt">Left line</we-button>
<we-button data-select-class="s_blockquote_with_icon">Icon</we-button>
</we-select>
</div>
<div data-selector=".s_blockquote" data-target=".s_blockquote_line_elt">
<we-row string="Style" class="o_we_sublevel_1">
<we-input data-css-property="width" data-select-style="" data-unit="px" data-dependencies="blockquote_with_line_opt"/>
<we-colorpicker title="Color"
data-name="bg_color_opt"
data-select-style=""
data-css-property="background-color"
data-color-prefix="bg-"
t-att-data-with-gradients="True"
data-dependencies="blockquote_with_line_opt"
/>
</we-row>
</div>
<div data-selector=".s_blockquote" data-target=".s_blockquote_infos">
<we-select string="Author Alignment">
<we-button data-select-class="flex-row align-items-start justify-content-start text-start">Left</we-button>
<we-button data-select-class="flex-column align-items-center text-center">Center</we-button>
<we-button data-select-class="flex-row-reverse align-items-start justify-content-start text-end">Right</we-button>
</we-select>
</div>
<!-- Border and Shadow -->
<div data-js="Box" data-selector=".s_blockquote">
<t t-call="website.snippet_options_border_widgets"/>
<t t-call="website.snippet_options_shadow_widgets"/>
</div>
</xpath>
</template>
<record id="website.s_blockquote_001_scss" model="ir.asset">
<field name="name">Blockquote 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_blockquote/001.scss</field>
</record>
<record id="website.s_blockquote_000_scss" model="ir.asset">
<field name="name">Blockquote 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_blockquote/000.scss</field>
<field name="active" eval="False"/>
</record>
</odoo>