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('website.s_popup', function (require) {
'use strict';
const config = require('web.config');
const publicWidget = require('web.public.widget');
const utils = require('web.utils');
const PopupWidget = publicWidget.Widget.extend({
selector: '.s_popup',
events: {
'click .js_close_popup': '_onCloseClick',
'hide.bs.modal': '_onHideModal',
},
/**
* @override
*/
start: function () {
this._popupAlreadyShown = !!utils.get_cookie(this.$el.attr('id'));
if (!this._popupAlreadyShown) {
this._bindPopup();
}
return this._super(...arguments);
},
/**
* @override
*/
destroy: function () {
this._super.apply(this, arguments);
$(document).off('mouseleave.open_popup');
this.$target.find('.modal').modal('hide');
clearTimeout(this.timeout);
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* @private
*/
_bindPopup: function () {
const $main = this.$target.find('.modal');
let display = $main.data('display');
let delay = $main.data('showAfter');
if (config.device.isMobile) {
if (display === 'mouseExit') {
display = 'afterDelay';
delay = 5000;
}
this.$('.modal').removeClass('s_popup_middle').addClass('s_popup_bottom');
}
if (display === 'afterDelay') {
this.timeout = setTimeout(() => this._showPopup(), delay);
} else {
$(document).on('mouseleave.open_popup', () => this._showPopup());
}
},
/**
* @private
*/
_hidePopup: function () {
this.$target.find('.modal').modal('hide');
},
/**
* @private
*/
_showPopup: function () {
if (this._popupAlreadyShown) {
return;
}
this.$target.find('.modal').modal('show');
},
//--------------------------------------------------------------------------
// Handlers
//--------------------------------------------------------------------------
/**
* @private
*/
_onCloseClick: function () {
this._hidePopup();
},
/**
* @private
*/
_onHideModal: function () {
const nbDays = this.$el.find('.modal').data('consentsDuration');
utils.set_cookie(this.$el.attr('id'), true, nbDays * 24 * 60 * 60);
this._popupAlreadyShown = true;
},
});
publicWidget.registry.popup = PopupWidget;
// Prevent bootstrap to prevent scrolling and to add the strange body
// padding-right they add if the popup does not use a backdrop (especially
// important for default cookie bar).
const _baseSetScrollbar = $.fn.modal.Constructor.prototype._setScrollbar;
$.fn.modal.Constructor.prototype._setScrollbar = function () {
if (this._element.classList.contains('s_popup_no_backdrop')) {
return;
}
return _baseSetScrollbar.apply(this, ...arguments);
};
const _baseGetScrollbarWidth = $.fn.modal.Constructor.prototype._getScrollbarWidth;
$.fn.modal.Constructor.prototype._getScrollbarWidth = function () {
if (this._element.classList.contains('s_popup_no_backdrop')) {
return 0;
}
return _baseGetScrollbarWidth.apply(this, ...arguments);
};
return PopupWidget;
});
|
