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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
odoo.define('website_blog.contentshare', function (require) {
'use strict';
const dom = require('web.dom');
$.fn.share = function (options) {
var option = $.extend($.fn.share.defaults, options);
var selected_text = "";
$.extend($.fn.share, {
init: function (shareable) {
var self = this;
$.fn.share.defaults.shareable = shareable;
$.fn.share.defaults.shareable.on('mouseup', function () {
if ($(this).parents('body.editor_enable').length === 0) {
self.popOver();
}
});
$.fn.share.defaults.shareable.on('mousedown', function () {
self.destroy();
});
},
getContent: function () {
var $popover_content = $('<div class="h4 m-0"/>');
if ($('.o_wblog_title, .o_wblog_post_content_field').hasClass('js_comment')) {
selected_text = this.getSelection('string');
var $btn_c = $('<a class="o_share_comment btn btn-link px-2" href="#"/>').append($('<i class="fa fa-lg fa-comment"/>'));
$popover_content.append($btn_c);
}
if ($('.o_wblog_title, .o_wblog_post_content_field').hasClass('js_tweet')) {
var tweet = '"%s" - %s';
var baseLength = tweet.replace(/%s/g, '').length;
// Shorten the selected text to match the tweet max length
// Note: all (non-localhost) urls in a tweet have 23 characters https://support.twitter.com/articles/78124
var selectedText = this.getSelection('string').substring(0, option.maxLength - baseLength - 23);
var text = window.btoa(encodeURIComponent(_.str.sprintf(tweet, selectedText, window.location.href)));
$popover_content.append(_.str.sprintf(
"<a onclick=\"window.open('%s' + atob('%s'), '_%s','location=yes,height=570,width=520,scrollbars=yes,status=yes')\"><i class=\"ml4 mr4 fa fa-twitter fa-lg\"/></a>",
option.shareLink, text, option.target));
}
return $popover_content;
},
commentEdition: function () {
$(".o_portal_chatter_composer_form textarea").val('"' + selected_text + '" ').focus();
const commentsEl = $('#o_wblog_post_comments')[0];
if (commentsEl) {
dom.scrollTo(commentsEl).then(() => {
window.location.hash = 'blog_post_comment_quote';
});
}
},
getSelection: function (share) {
if (window.getSelection) {
var selection = window.getSelection();
if (!selection || selection.rangeCount === 0) {
return "";
}
if (share === 'string') {
return String(selection.getRangeAt(0)).replace(/\s{2,}/g, ' ');
} else {
return selection.getRangeAt(0);
}
} else if (document.selection) {
if (share === 'string') {
return document.selection.createRange().text.replace(/\s{2,}/g, ' ');
} else {
return document.selection.createRange();
}
}
},
popOver: function () {
this.destroy();
if (this.getSelection('string').length < option.minLength) {
return;
}
var data = this.getContent();
var range = this.getSelection();
var newNode = document.createElement("span");
range.insertNode(newNode);
newNode.className = option.className;
var $pop = $(newNode);
$pop.popover({
trigger: 'manual',
placement: option.placement,
html: true,
content: function () {
return data;
}
}).popover('show');
$('.o_share_comment').on('click', this.commentEdition);
},
destroy: function () {
var $span = $('span.' + option.className);
$span.popover('hide');
$span.remove();
}
});
$.fn.share.init(this);
};
$.fn.share.defaults = {
shareLink: "http://twitter.com/intent/tweet?text=",
minLength: 5,
maxLength: 140,
target: "blank",
className: "share",
placement: "top",
};
});
|
