addons/website/views/snippets/s_share.xml


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
60
61
62
63
64
65

<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_share" name="Share">
    <div t-attf-class="s_share text-left #{_classes}">
        <h4 t-if="not _no_title" class="s_share_title d-none">Share</h4>
        <a href="https://www.facebook.com/sharer/sharer.php?u={url}" t-attf-class="s_share_facebook #{_link_classes}" target="_blank">
            <i t-attf-class="fa fa-facebook #{not _link_classes and 'rounded shadow-sm'}"/>
        </a>
        <a href="https://twitter.com/intent/tweet?text={title}&amp;url={url}" t-attf-class="s_share_twitter #{_link_classes}" target="_blank">
            <i t-attf-class="fa fa-twitter #{not _link_classes and 'rounded shadow-sm'}"/>
        </a>
        <a href="http://www.linkedin.com/sharing/share-offsite/?url={url}" t-attf-class="s_share_linkedin #{_link_classes}" target="_blank">
            <i t-attf-class="fa fa-linkedin #{not _link_classes and 'rounded shadow-sm'}"/>
        </a>
        <a href="https://wa.me/?text={title}" t-attf-class="s_share_whatsapp #{_link_classes}" target="_blank">
            <i t-attf-class="fa fa-whatsapp #{not _link_classes and 'rounded shadow-sm'}"/>
        </a>
        <a href="http://pinterest.com/pin/create/button/?url={url}&amp;description={title}" t-attf-class="s_share_pinterest #{_link_classes}" target="_blank">
            <i t-attf-class="fa fa-pinterest #{not _link_classes and 'rounded shadow-sm'}"/>
        </a>
        <a href="mailto:?body={url}&amp;subject={title}" t-attf-class="s_share_email #{_link_classes}">
            <i t-attf-class="fa fa-envelope #{not _link_classes and 'rounded shadow-sm'}"/>
        </a>
    </div>
</template>

<template id="s_share_options" inherit_id="website.snippet_options">
    <xpath expr="." position="inside">
        <div data-selector=".s_share">
            <we-select string="Title Position" data-apply-to=".s_share_title">
                <we-button data-select-class="d-block">Top</we-button>
                <we-button data-select-class="">Left</we-button>
                <we-button data-select-class="d-none">None</we-button>
            </we-select>
            <we-select string="Layout" data-apply-to=".fa">
                <we-button data-select-class="rounded shadow-sm">Square</we-button>
                <we-button data-select-class="rounded-empty-circle shadow-sm">Circle</we-button>
                <we-button data-select-class="rounded-circle shadow-sm">Disk</we-button>
                <we-button data-select-class="m-1">None</we-button>
            </we-select>
            <we-select string="Size" data-apply-to=".fa">
                <we-button data-select-class="">Small</we-button>
                <we-button data-select-class="fa-2x">Medium</we-button>
                <we-button data-select-class="fa-3x">Big</we-button>
            </we-select>
            <!-- Compatibility, keep reverse logical, don't use `icon_color` -->
            <we-checkbox string="Color" data-select-class="no_icon_color|"/>
        </div>
    </xpath>
</template>

<template id="assets_snippet_s_share_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_share/000.scss"/>
    </xpath>
</template>

<template id="assets_snippet_s_share_js_000" inherit_id="website.assets_frontend">
    <xpath expr="//script[last()]" position="after">
        <script type="text/javascript" src="/website/static/src/snippets/s_share/000.js"/>
    </xpath>
</template>

</odoo>