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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
odoo.define('web.CustomFavoriteItem', function (require) {
"use strict";
const DropdownMenuItem = require('web.DropdownMenuItem');
const FavoriteMenu = require('web.FavoriteMenu');
const { useAutofocus } = require('web.custom_hooks');
const { useModel } = require('web/static/src/js/model.js');
const { useRef } = owl.hooks;
let favoriteId = 0;
/**
* Favorite generator menu
*
* This component is used to add a new favorite linked which will take every
* information out of the current context and save it to a new `ir.filter`.
*
* There are 3 additional inputs to modify the filter:
* - a text input (mandatory): the name of the favorite (must be unique)
* - 'use by default' checkbox: if checked, the favorite will be the default
* filter of the current model (and will bypass
* any existing default filter). Cannot be checked
* along with 'share with all users' checkbox.
* - 'share with all users' checkbox: if checked, the favorite will be available
* with all users instead of the current
* one.Cannot be checked along with 'use
* by default' checkbox.
* Finally, there is a 'Save' button used to apply the current configuration
* and save the context to a new filter.
* @extends DropdownMenuItem
*/
class CustomFavoriteItem extends DropdownMenuItem {
constructor() {
super(...arguments);
const favId = favoriteId++;
this.useByDefaultId = `o_favorite_use_by_default_${favId}`;
this.shareAllUsersId = `o_favorite_share_all_users_${favId}`;
this.descriptionRef = useRef('description');
this.model = useModel('searchModel');
this.interactive = true;
Object.assign(this.state, {
description: this.env.action.name || "",
isDefault: false,
isShared: false,
});
useAutofocus();
}
//---------------------------------------------------------------------
// Private
//---------------------------------------------------------------------
/**
* @private
*/
_saveFavorite() {
if (!this.state.description.length) {
this.env.services.notification.notify({
message: this.env._t("A name for your favorite filter is required."),
type: 'danger',
});
return this.descriptionRef.el.focus();
}
const favorites = this.model.get('filters', f => f.type === 'favorite');
if (favorites.some(f => f.description === this.state.description)) {
this.env.services.notification.notify({
message: this.env._t("Filter with same name already exists."),
type: 'danger',
});
return this.descriptionRef.el.focus();
}
this.model.dispatch('createNewFavorite', {
type: 'favorite',
description: this.state.description,
isDefault: this.state.isDefault,
isShared: this.state.isShared,
});
// Reset state
Object.assign(this.state, {
description: this.env.action.name || "",
isDefault: false,
isShared: false,
open: false,
});
}
//---------------------------------------------------------------------
// Handlers
//---------------------------------------------------------------------
/**
* @private
* @param {Event} ev change Event
*/
_onCheckboxChange(ev) {
const { checked, id } = ev.target;
if (this.useByDefaultId === id) {
this.state.isDefault = checked;
if (checked) {
this.state.isShared = false;
}
} else {
this.state.isShared = checked;
if (checked) {
this.state.isDefault = false;
}
}
}
/**
* @private
* @param {jQueryEvent} ev
*/
_onInputKeydown(ev) {
switch (ev.key) {
case 'Enter':
ev.preventDefault();
this._saveFavorite();
break;
case 'Escape':
// Gives the focus back to the component.
ev.preventDefault();
ev.target.blur();
break;
}
}
//---------------------------------------------------------------------
// Static
//---------------------------------------------------------------------
/**
* @param {Object} env
* @returns {boolean}
*/
static shouldBeDisplayed(env) {
return true;
}
}
CustomFavoriteItem.props = {};
CustomFavoriteItem.template = 'web.CustomFavoriteItem';
CustomFavoriteItem.groupNumber = 3; // have 'Save Current Search' in its own group
FavoriteMenu.registry.add('favorite-generator-menu', CustomFavoriteItem, 0);
return CustomFavoriteItem;
});
|
