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
|
odoo.define('mail/static/src/components/dialog/dialog.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 patchMixin = require('web.patchMixin');
const { Component } = owl;
const { useRef } = owl.hooks;
class Dialog extends Component {
/**
* @param {...any} args
*/
constructor(...args) {
super(...args);
/**
* Reference to the component used inside this dialog.
*/
this._componentRef = useRef('component');
this._onClickGlobal = this._onClickGlobal.bind(this);
this._onKeydownDocument = this._onKeydownDocument.bind(this);
useShouldUpdateBasedOnProps();
useStore(props => {
const dialog = this.env.models['mail.dialog'].get(props.dialogLocalId);
return {
dialog: dialog ? dialog.__state : undefined,
};
});
this._constructor();
}
/**
* Allows patching constructor.
*/
_constructor() {}
mounted() {
document.addEventListener('click', this._onClickGlobal, true);
document.addEventListener('keydown', this._onKeydownDocument);
}
willUnmount() {
document.removeEventListener('click', this._onClickGlobal, true);
document.removeEventListener('keydown', this._onKeydownDocument);
}
//--------------------------------------------------------------------------
// Public
//--------------------------------------------------------------------------
/**
* @returns {mail.dialog}
*/
get dialog() {
return this.env.models['mail.dialog'].get(this.props.dialogLocalId);
}
//--------------------------------------------------------------------------
// Handlers
//--------------------------------------------------------------------------
/**
* Called when clicking on this dialog.
*
* @private
* @param {MouseEvent} ev
*/
_onClick(ev) {
ev.stopPropagation();
}
/**
* Closes the dialog when clicking outside.
* Does not work with attachment viewer because it takes the whole space.
*
* @private
* @param {MouseEvent} ev
*/
_onClickGlobal(ev) {
if (this._componentRef.el && this._componentRef.el.contains(ev.target)) {
return;
}
// TODO: this should be child logic (will crash if child doesn't have isCloseable!!)
// task-2092965
if (
this._componentRef.comp &&
this._componentRef.comp.isCloseable &&
!this._componentRef.comp.isCloseable()
) {
return;
}
this.dialog.delete();
}
/**
* @private
* @param {KeyboardEvent} ev
*/
_onKeydownDocument(ev) {
if (ev.key === 'Escape') {
this.dialog.delete();
}
}
}
Object.assign(Dialog, {
props: {
dialogLocalId: String,
},
template: 'mail.Dialog',
});
return patchMixin(Dialog);
});
|
