summaryrefslogtreecommitdiff
path: root/addons/website/views/snippets/s_blockquote.xml
blob: deeef9ade789a62aa05ac5990dcce5c4a9cc9451 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template name="Blockquote" id="s_blockquote">
    <blockquote class="s_blockquote s_blockquote_classic w-100 mx-auto o_animable blockquote">
        <i class="s_blockquote_icon fa fa-1x fa-quote-left bg-o-color-2 rounded"/>
        <div class="s_blockquote_content bg-100">
            <p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
            <footer class="blockquote-footer">
                <img src="/web/image/website.s_blockquote_default_image" class="s_blockquote_avatar img rounded-circle mr-2" alt=""/>
                <span class="s_blockquote_author"><b>John DOE</b> • CEO of MyCompany</span>
            </footer>
        </div>
    </blockquote>
</template>

<template id="s_blockquote_options" inherit_id="website.snippet_options">
    <xpath expr="." position="inside">
        <!-- Layout -->
        <div data-js="Blockquote" data-selector=".s_blockquote">
            <we-select string="Display">
                <we-button data-select-class="s_blockquote_classic" data-display="classic">Classic</we-button>
                <we-button data-select-class="s_blockquote_cover" data-display="cover" data-name="blockquote_cover_opt">Cover</we-button>
                <we-button data-select-class="s_blockquote_minimalist" data-display="minimalist" data-name="blockquote_minimalist_opt">Minimalist</we-button>
            </we-select>
        </div>

        <!-- Color and images -->
        <t t-call="web_editor.snippet_options_background_options">
            <t t-set="selector" t-value="'.s_blockquote'"/>
            <t t-set="target" t-value="'.s_blockquote_content'"/>
            <t t-set="with_colors" t-value="True"/>
            <t t-set="with_images" t-value="True"/>
            <t t-set="images_dependencies" t-value="'blockquote_cover_opt'"/>
        </t>

        <!-- Shadow -->
        <div data-js="Box" data-selector=".s_blockquote" data-target=".s_blockquote_content">
            <t t-call="website.snippet_options_shadow_widgets"/>
        </div>

        <!-- Border Color -->
        <div data-selector="blockquote">
            <we-colorpicker string="Border Color"
                data-select-style="true"
                data-css-property="border-color"
                data-color-prefix="border-"
                data-dependencies="blockquote_minimalist_opt"/>
        </div>
    </xpath>
</template>

<template id="assets_snippet_s_blockquote_css_000" inherit_id="website.assets_frontend">
    <xpath expr="//link[last()]" position="after">
        <link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_blockquote/000.scss"/>
    </xpath>
</template>

</odoo>