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
|
odoo.define('website_blog.website_blog', function (require) {
'use strict';
var core = require('web.core');
const dom = require('web.dom');
const publicWidget = require('web.public.widget');
publicWidget.registry.websiteBlog = publicWidget.Widget.extend({
selector: '.website_blog',
events: {
'click #o_wblog_next_container': '_onNextBlogClick',
'click #o_wblog_post_content_jump': '_onContentAnchorClick',
'click .o_twitter, .o_facebook, .o_linkedin, .o_google, .o_twitter_complete, .o_facebook_complete, .o_linkedin_complete, .o_google_complete': '_onShareArticle',
},
/**
* @override
*/
start: function () {
$('.js_tweet, .js_comment').share({});
return this._super.apply(this, arguments);
},
//--------------------------------------------------------------------------
// Handlers
//--------------------------------------------------------------------------
/**
* @private
* @param {Event} ev
*/
_onNextBlogClick: function (ev) {
ev.preventDefault();
var self = this;
var $el = $(ev.currentTarget);
var nexInfo = $el.find('#o_wblog_next_post_info').data();
$el.find('.o_record_cover_container').addClass(nexInfo.size + ' ' + nexInfo.text).end()
.find('.o_wblog_toggle').toggleClass('d-none');
// Appending a placeholder so that the cover can scroll to the top of the
// screen, regardless of its height.
const placeholder = document.createElement('div');
placeholder.style.minHeight = '100vh';
this.$('#o_wblog_next_container').append(placeholder);
// Use _.defer to calculate the 'offset()'' only after that size classes
// have been applyed and that $el has been resized.
_.defer(function () {
self._forumScrollAction($el, 300, function () {
window.location.href = nexInfo.url;
});
});
},
/**
* @private
* @param {Event} ev
*/
_onContentAnchorClick: function (ev) {
ev.preventDefault();
ev.stopImmediatePropagation();
var $el = $(ev.currentTarget.hash);
this._forumScrollAction($el, 500, function () {
window.location.hash = 'blog_content';
});
},
/**
* @private
* @param {Event} ev
*/
_onShareArticle: function (ev) {
ev.preventDefault();
var url = '';
var $element = $(ev.currentTarget);
var blogPostTitle = encodeURIComponent($('#o_wblog_post_name').html() || '');
var articleURL = encodeURIComponent(window.location.href);
if ($element.hasClass('o_twitter')) {
var twitterText = core._t("Amazing blog article: %s! Check it live: %s");
var tweetText = _.string.sprintf(twitterText, blogPostTitle, articleURL);
url = 'https://twitter.com/intent/tweet?tw_p=tweetbutton&text=' + tweetText;
} else if ($element.hasClass('o_facebook')) {
url = 'https://www.facebook.com/sharer/sharer.php?u=' + articleURL;
} else if ($element.hasClass('o_linkedin')) {
url = 'https://www.linkedin.com/sharing/share-offsite/?url=' + articleURL;
}
window.open(url, '', 'menubar=no, width=500, height=400');
},
//--------------------------------------------------------------------------
// Utils
//--------------------------------------------------------------------------
/**
* @private
* @param {JQuery} $el - the element we are scrolling to
* @param {Integer} duration - scroll animation duration
* @param {Function} callback - to be executed after the scroll is performed
*/
_forumScrollAction: function ($el, duration, callback) {
dom.scrollTo($el[0], {duration: duration}).then(() => callback());
},
});
});
|
