Guillaume (gdi)andRomain Derie
8f7c6997e8
This commit introduces a new social_media snippet that allows social networks to be displayed. This snippet shares the same options as the share snippet, but also provides a list to edit the URLs of the social networks in the company data (social_facebook, ...). This list also allows to manage links to custom social networks (which are not stored in the DB). Headers and footers now use this new social_media snippet instead of the share snippet and in the settings, the urls to the DB social networks are editable/visible only in developer mode. task-2687447 closes odoo/odoo#80217 Signed-off-by: Romain Derie (rde) <rde@odoo.com> Co-authored-by: Guillaume (gdi) <gdi@odoo.com> Co-authored-by: Romain Derie <rde@odoo.com>
67 lines
4.0 KiB
XML
67 lines
4.0 KiB
XML
<?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 t-if="not _exclude_share_links or not 'facebook' in _exclude_share_links" 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 t-if="not _exclude_share_links or not 'twitter' in _exclude_share_links" href="https://twitter.com/intent/tweet?text={title}&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 t-if="not _exclude_share_links or not 'linkedin' in _exclude_share_links" href="https://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 t-if="not _exclude_share_links or not 'whatsapp' in _exclude_share_links" 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 t-if="not _exclude_share_links or not 'pinterest' in _exclude_share_links" href="https://pinterest.com/pin/create/button/?url={url}&media={media}&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 t-if="not _exclude_share_links or not 'email' in _exclude_share_links" href="mailto:?body={url}&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">
|
|
<!-- TODO: Now that it is shared with social media, move elsewhere? -->
|
|
<div data-selector=".s_share, .s_social_media">
|
|
<we-select string="Title Position" data-apply-to=".s_share_title, .s_social_media_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>
|
|
|
|
<record id="website.s_share_000_scss" model="ir.asset">
|
|
<field name="name">Share 000 SCSS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_share/000.scss</field>
|
|
</record>
|
|
|
|
<record id="website.s_share_000_js" model="ir.asset">
|
|
<field name="name">Share 000 JS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_share/000.js</field>
|
|
</record>
|
|
|
|
</odoo>
|