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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
odoo.define('website_mail.follow', function (require) {
'use strict';
var publicWidget = require('web.public.widget');
publicWidget.registry.follow = publicWidget.Widget.extend({
selector: '#wrapwrap:has(.js_follow)',
disabledInEditableMode: false,
/**
* @override
*/
start: function () {
var self = this;
this.isUser = false;
var $jsFollowEls = this.$el.find('.js_follow');
var always = function (data) {
self.isUser = data[0].is_user;
const $jsFollowToEnable = $jsFollowEls.filter(function () {
const model = this.dataset.object;
return model in data[1] && data[1][model].includes(parseInt(this.dataset.id));
});
self._toggleSubscription(true, data[0].email, $jsFollowToEnable);
self._toggleSubscription(false, data[0].email, $jsFollowEls.not($jsFollowToEnable));
$jsFollowEls.removeClass('d-none');
};
const records = {};
for (const el of $jsFollowEls) {
const model = el.dataset.object;
if (!(model in records)) {
records[model] = [];
}
records[model].push(parseInt(el.dataset.id));
}
this._rpc({
route: '/website_mail/is_follower',
params: {
records: records,
},
}).then(always).guardedCatch(always);
// not if editable mode to allow designer to edit
if (!this.editableMode) {
$('.js_follow > .input-group-append.d-none').removeClass('d-none');
this.$target.find('.js_follow_btn, .js_unfollow_btn').on('click', function (event) {
event.preventDefault();
self._onClick(event);
});
}
return this._super.apply(this, arguments);
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* Toggles subscription state for every given records.
*
* @private
* @param {boolean} follow
* @param {string} email
* @param {jQuery} $jsFollowEls
*/
_toggleSubscription: function (follow, email, $jsFollowEls) {
if (follow) {
this._updateSubscriptionDOM(follow, email, $jsFollowEls);
} else {
for (const el of $jsFollowEls) {
const follow = !email && el.getAttribute('data-unsubscribe');
this._updateSubscriptionDOM(follow, email, $(el));
}
}
},
/**
* Updates subscription DOM for every given records.
* This should not be called directly, use `_toggleSubscription`.
*
* @private
* @param {boolean} follow
* @param {string} email
* @param {jQuery} $jsFollowEls
*/
_updateSubscriptionDOM: function (follow, email, $jsFollowEls) {
$jsFollowEls.find('input.js_follow_email')
.val(email || "")
.attr("disabled", email && (follow || this.isUser) ? "disabled" : false);
$jsFollowEls.attr("data-follow", follow ? 'on' : 'off');
},
//--------------------------------------------------------------------------
// Handlers
//--------------------------------------------------------------------------
/**
* @private
* @param {Event} ev
*/
_onClick: function (ev) {
var self = this;
var $jsFollow = $(ev.currentTarget).closest('.js_follow');
var $email = $jsFollow.find(".js_follow_email");
if ($email.length && !$email.val().match(/.+@.+/)) {
$jsFollow.addClass('o_has_error').find('.form-control, .custom-select').addClass('is-invalid');
return false;
}
$jsFollow.removeClass('o_has_error').find('.form-control, .custom-select').removeClass('is-invalid');
var email = $email.length ? $email.val() : false;
if (email || this.isUser) {
this._rpc({
route: '/website_mail/follow',
params: {
'id': +$jsFollow.data('id'),
'object': $jsFollow.data('object'),
'message_is_follower': $jsFollow.attr("data-follow") || "off",
'email': email,
},
}).then(function (follow) {
self._toggleSubscription(follow, email, $jsFollow);
});
}
},
});
});
|
