blob: 3c1808cb31654e19a78bad232b69d39eaf853f0c (
plain)
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
|
odoo.define('mail/static/src/components/follow_button/follow_button.js', function (require) {
'use strict';
const useShouldUpdateBasedOnProps = require('mail/static/src/component_hooks/use_should_update_based_on_props/use_should_update_based_on_props.js');
const useStore = require('mail/static/src/component_hooks/use_store/use_store.js');
const { Component } = owl;
const { useState } = owl.hooks;
class FollowButton extends Component {
/**
* @override
*/
constructor(...args) {
super(...args);
useShouldUpdateBasedOnProps();
this.state = useState({
/**
* Determine whether the unfollow button is highlighted or not.
*/
isUnfollowButtonHighlighted: false,
});
useStore(props => {
const thread = this.env.models['mail.thread'].get(props.threadLocalId);
return {
threadIsCurrentPartnerFollowing: thread && thread.isCurrentPartnerFollowing,
};
});
}
//--------------------------------------------------------------------------
// Public
//--------------------------------------------------------------------------
/**
* @return {mail.thread}
*/
get thread() {
return this.env.models['mail.thread'].get(this.props.threadLocalId);
}
//--------------------------------------------------------------------------
// Handlers
//--------------------------------------------------------------------------
/**
* @private
* @param {MouseEvent} ev
*/
_onClickFollow(ev) {
this.thread.follow();
}
/**
* @private
* @param {MouseEvent} ev
*/
_onClickUnfollow(ev) {
this.thread.unfollow();
}
/**
* @private
* @param {MouseEvent} ev
*/
_onMouseLeaveUnfollow(ev) {
this.state.isUnfollowButtonHighlighted = false;
}
/**
* @private
* @param {MouseEvent} ev
*/
_onMouseEnterUnfollow(ev) {
this.state.isUnfollowButtonHighlighted = true;
}
}
Object.assign(FollowButton, {
defaultProps: {
isDisabled: false,
},
props: {
isDisabled: Boolean,
threadLocalId: String,
},
template: 'mail.FollowButton',
});
return FollowButton;
});
|
