addons/website_slides/static/src/xml/website_slides_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

<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

    <t t-name="website.slide.share.modal">
        <div>
            <t t-call="website.slide.share.socialmedia"/>
        </div>
    </t>

    <t t-name="website.slide.share.socialmedia">
        <div class="row">
            <div class="col-12 col-lg-6 mb-4">
                <h5 class="mt-0 mb-2">Share on Social Networks</h5>
                <div class="btn-group" role="group">
                    <a t-attf-href="https://www.facebook.com/sharer/sharer.php?u=#{window.location.href}" class="btn border bg-white o_wslides_js_social_share" social-key="facebook" aria-label="Share on Facebook" title="Share on Facebook"><i class="fa fa-facebook-square fa-fw"/></a>
                    <a t-attf-href="https://twitter.com/intent/tweet?text=#{widget.slide.name}&amp;url=#{window.location.href}" class="btn border bg-white o_wslides_js_social_share"  social-key="twitter" aria-label="Share on Twitter" title="Share on Twitter"><i class="fa fa-twitter fa-fw"/></a>
                    <a t-attf-href="http://www.linkedin.com/sharing/share-offsite/?url=#{window.location.href}" social-key="linkedin" class="btn border bg-white o_wslides_js_social_share" aria-label="Share on LinkedIn" title="Share on LinkedIn"><i class="fa fa-linkedin fa-fw"/></a>
                </div>
            </div>
            <div class="col-12 col-lg-6">
                <h5 class="mt-0 mb-2">Share Link</h5>
                <div class="input-group">
                    <input type="text" class="form-control o_wslides_js_share_link" t-att-value="window.location.href" readonly="readonly" onClick="this.select();" />
                    <div class="input-group-append">
                        <button class="btn btn-sm btn-primary o_clipboard_button" style="border-top-right-radius: 4px;border-bottom-right-radius: 4px;" >
                            <span class="fa fa-clipboard"> Copy Link</span>
                        </button>
                    </div>
                </div>
            </div>
            <div t-attf-class="col-12 col-lg-6">
                <t t-call="website.slide.share.email"/>
            </div>
        </div>
    </t>

    <t t-name="website.slide.share.email">
        <h5 class="mt-4">Share by mail</h5>
        <div t-if="!widget.session.is_website_user" class="form-inline">
            <form class="form-group o_wslides_js_share_email" role="form">
                <div class="input-group">
                    <input type="email" class="form-control" placeholder="your-friend@domain.com"/>
                    <span class="input-group-append">
                        <button class="btn btn-primary" type="button"
                            data-loading-text="Sending..."
                            t-attf-data-slide-id="#{widget.slide.id}"
                            style="border-top-right-radius: 4px;border-bottom-right-radius: 4px;">
                            <i class="fa fa-envelope-o"/> Send Email
                        </button>
                    </span>
                </div>
            </form>
        </div>
        <div t-if="widget.session.is_website_user" class="alert alert-info d-inline-block">
            <p class="mb-0">Please <a t-attf-href="/web?redirect=#{window.location.href}" class="font-weight-bold"> login </a> to share this <t t-esc="widget.slide.type"/> by email.</p>
        </div>
    </t>

</templates>