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
|
odoo.define('website.s_popup_options', function (require) {
'use strict';
const options = require('web_editor.snippets.options');
options.registry.SnippetPopup = options.Class.extend({
/**
* @override
*/
start: function () {
// Note: the link are excluded here so that internal modal buttons do
// not close the popup as we want to allow edition of those buttons.
this.$target.on('click.SnippetPopup', '.js_close_popup:not(a, .btn)', ev => {
ev.stopPropagation();
this.onTargetHide();
this.trigger_up('snippet_option_visibility_update', {show: false});
});
this.$target.on('shown.bs.modal.SnippetPopup', () => {
this.trigger_up('snippet_option_visibility_update', {show: true});
});
this.$target.on('hidden.bs.modal.SnippetPopup', () => {
this.trigger_up('snippet_option_visibility_update', {show: false});
});
return this._super(...arguments);
},
/**
* @override
*/
destroy: function () {
this._super(...arguments);
this.$target.off('.SnippetPopup');
},
/**
* @override
*/
onBuilt: function () {
this._assignUniqueID();
},
/**
* @override
*/
onClone: function () {
this._assignUniqueID();
},
/**
* @override
*/
onTargetShow: async function () {
this.$target.modal('show');
$(document.body).children('.modal-backdrop:last').addClass('d-none');
},
/**
* @override
*/
onTargetHide: async function () {
return new Promise(resolve => {
const timeoutID = setTimeout(() => {
this.$target.off('hidden.bs.modal.popup_on_target_hide');
resolve();
}, 500);
this.$target.one('hidden.bs.modal.popup_on_target_hide', () => {
clearTimeout(timeoutID);
resolve();
});
this.$target.modal('hide');
});
},
//--------------------------------------------------------------------------
// Options
//--------------------------------------------------------------------------
/**
* Moves the snippet in footer to be common to all pages
* or inside wrap to be on one page only
*
* @see this.selectClass for parameters
*/
moveBlock: function (previewMode, widgetValue, params) {
const $container = $(widgetValue === 'moveToFooter' ? 'footer' : 'main');
this.$target.closest('.s_popup').prependTo($container.find('.oe_structure:o_editable').first());
},
/**
* @see this.selectClass for parameters
*/
setBackdrop(previewMode, widgetValue, params) {
const color = widgetValue ? 'var(--black-50)' : '';
this.$target[0].style.setProperty('background-color', color, 'important');
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* Creates a unique ID.
*
* @private
*/
_assignUniqueID: function () {
this.$target.closest('.s_popup').attr('id', 'sPopup' + Date.now());
},
/**
* @override
*/
_computeWidgetState: function (methodName, params) {
switch (methodName) {
case 'moveBlock':
return this.$target.closest('footer').length ? 'moveToFooter' : 'moveToBody';
}
return this._super(...arguments);
},
});
});
|
