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
|
odoo.define('web.GroupByMenu', function (require) {
"use strict";
const CustomGroupByItem = require('web.CustomGroupByItem');
const DropdownMenu = require('web.DropdownMenu');
const { FACET_ICONS, GROUPABLE_TYPES } = require('web.searchUtils');
const { useModel } = require('web/static/src/js/model.js');
/**
* 'Group by' menu
*
* Simple rendering of the filters of type `groupBy` given by the control panel
* model. It uses most of the behaviours implemented by the dropdown menu Component,
* with the addition of a groupBy filter generator (@see CustomGroupByItem).
* @see DropdownMenu for additional details.
* @extends DropdownMenu
*/
class GroupByMenu extends DropdownMenu {
constructor() {
super(...arguments);
this.fields = Object.values(this.props.fields)
.filter(field => this._validateField(field))
.sort(({ string: a }, { string: b }) => a > b ? 1 : a < b ? -1 : 0);
this.model = useModel('searchModel');
}
//---------------------------------------------------------------------
// Getters
//---------------------------------------------------------------------
/**
* @override
*/
get icon() {
return FACET_ICONS.groupBy;
}
/**
* @override
*/
get items() {
return this.model.get('filters', f => f.type === 'groupBy');
}
/**
* @override
*/
get title() {
return this.env._t("Group By");
}
//---------------------------------------------------------------------
// Private
//---------------------------------------------------------------------
/**
* @private
* @param {Object} field
* @returns {boolean}
*/
_validateField(field) {
return field.sortable &&
field.name !== "id" &&
GROUPABLE_TYPES.includes(field.type);
}
//---------------------------------------------------------------------
// Handlers
//---------------------------------------------------------------------
/**
* @private
* @param {OwlEvent} ev
*/
_onItemSelected(ev) {
ev.stopPropagation();
const { item, option } = ev.detail;
if (option) {
this.model.dispatch('toggleFilterWithOptions', item.id, option.id);
} else {
this.model.dispatch('toggleFilter', item.id);
}
}
}
GroupByMenu.components = Object.assign({}, DropdownMenu.components, {
CustomGroupByItem,
});
GroupByMenu.props = Object.assign({}, DropdownMenu.props, {
fields: Object,
});
GroupByMenu.template = 'web.GroupByMenu';
return GroupByMenu;
});
|
