89 lines
4.3 KiB
XML
89 lines
4.3 KiB
XML
|
<?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>
|