summaryrefslogtreecommitdiff
path: root/addons/website/static/src/js/content/share.js
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website/static/src/js/content/share.js')
-rw-r--r--addons/website/static/src/js/content/share.js87
1 files changed, 87 insertions, 0 deletions
diff --git a/addons/website/static/src/js/content/share.js b/addons/website/static/src/js/content/share.js
new file mode 100644
index 00000000000..4de4dd65117
--- /dev/null
+++ b/addons/website/static/src/js/content/share.js
@@ -0,0 +1,87 @@
+odoo.define('website.share', function (require) {
+"use strict";
+
+var ajax = require('web.ajax');
+var core = require('web.core');
+var Widget = require('web.Widget');
+var base = require('web_editor.base');
+
+var _t = core._t;
+var qweb = core.qweb;
+
+ajax.loadXML('/website/static/src/xml/website.share.xml', qweb);
+
+var SocialShare = Widget.extend({
+ template: 'website.social_hover',
+ /**
+ :param element: element to bind popover
+ :param social_list: list of social media strings available from
+ ['facebook','twitter', 'linkedin', 'google-plus']
+ :param hashtags: string of hashtags for twitter
+ */
+ init: function (parent) {
+ this._super.apply(this, arguments);
+ this.element = parent;
+ if (parent.data('social')) {
+ this.social_list = (parent.data('social')).split();
+ } else {
+ this.social_list = ['facebook','twitter', 'linkedin', 'google-plus'];
+ }
+ this.hashtags = parent.data('hashtags') || '';
+ this.renderElement();
+ this.bind_events();
+ },
+ bind_events: function () {
+ $('.oe_social_facebook').click($.proxy(this.renderSocial, this, 'facebook'));
+ $('.oe_social_twitter').click($.proxy(this.renderSocial, this, 'twitter'));
+ $('.oe_social_linkedin').click($.proxy(this.renderSocial, this, 'linkedin'));
+ $('.oe_social_google-plus').click($.proxy(this.renderSocial, this, 'google-plus'));
+ },
+ renderElement: function () {
+ this.$el.append(
+ qweb.render('website.social_hover', {medias: this.social_list}));
+ //we need to re-render the element on each hover; popover has the nasty habit of not hiding but completely removing its
+ // code from the page
+ //so the binding is lost if we simply trigger on hover.
+ this.element.popover({
+ 'content': this.$el.html(),
+ 'placement': 'bottom',
+ 'container': this.element,
+ 'html': true,
+ 'trigger': 'manual',
+ 'animation': false,
+ }).popover("show").on("mouseleave", function () {
+ var self = this;
+ setTimeout(function () {
+ if (! $(".popover:hover").length) {
+ $(self).popover("destroy");
+ }
+ }, 200);
+ });
+ },
+ renderSocial: function (social) {
+ var url = document.URL.split(/[?#]/)[0]; // get current url without query string
+ var title = document.title.split(" | ")[0]; // get the page title without the company name
+ var hashtags = ' #'+ document.title.split(" | ")[1].replace(' ','') + ' ' + this.hashtags; // company name without spaces (for hashtag)
+ var social_network = {
+ 'facebook':'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url),
+ 'twitter': 'https://twitter.com/intent/tweet?original_referer=' + encodeURIComponent(url) + '&text=' + encodeURIComponent(title + hashtags + ' - ' + url),
+ 'linkedin': 'https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(url) + '&title=' + encodeURIComponent(title),
+ 'google-plus': 'https://plus.google.com/share?url=' + encodeURIComponent(url)
+ };
+ if (! _.contains(_.keys(social_network), social)) return;
+ var window_height = 500, window_width = 500;
+ window.open(social_network[social], '', 'menubar=no, toolbar=no, resizable=yes, scrollbar=yes, height=' + window_height + ',width=' + window_width);
+ },
+});
+
+// Initialize all social_share links when ready
+base.ready().done(function () {
+ $('.oe_social_share').mouseenter(function () {
+ new SocialShare($(this));
+ });
+});
+
+return SocialShare;
+
+});