2020-01-02 13:03:23 +00:00
|
|
|
import { __ } from '~/locale';
|
2021-10-08 15:12:51 +00:00
|
|
|
import Filter from './droplab/plugins/filter';
|
2020-01-02 13:03:23 +00:00
|
|
|
import DropdownUtils from './dropdown_utils';
|
2021-02-14 18:09:20 +00:00
|
|
|
import FilteredSearchDropdown from './filtered_search_dropdown';
|
2020-01-02 13:03:23 +00:00
|
|
|
import FilteredSearchDropdownManager from './filtered_search_dropdown_manager';
|
|
|
|
import FilteredSearchVisualTokens from './filtered_search_visual_tokens';
|
|
|
|
|
|
|
|
export default class DropdownOperator extends FilteredSearchDropdown {
|
|
|
|
constructor(options = {}) {
|
|
|
|
const { input, tokenKeys } = options;
|
|
|
|
super(options);
|
|
|
|
|
|
|
|
this.config = {
|
|
|
|
Filter: {
|
|
|
|
filterFunction: DropdownUtils.filterWithSymbol.bind(null, '', input),
|
|
|
|
template: 'title',
|
|
|
|
},
|
|
|
|
};
|
|
|
|
this.tokenKeys = tokenKeys;
|
|
|
|
}
|
|
|
|
|
|
|
|
itemClicked(e) {
|
|
|
|
const { selected } = e.detail;
|
|
|
|
|
|
|
|
if (selected.tagName === 'LI') {
|
|
|
|
if (selected.hasAttribute('data-value')) {
|
2020-03-20 12:10:03 +00:00
|
|
|
const name = FilteredSearchVisualTokens.getLastTokenPartial();
|
2020-01-02 13:03:23 +00:00
|
|
|
const operator = selected.dataset.value;
|
2020-03-20 12:10:03 +00:00
|
|
|
|
2020-01-02 13:03:23 +00:00
|
|
|
FilteredSearchVisualTokens.removeLastTokenPartial();
|
|
|
|
FilteredSearchDropdownManager.addWordToInput({
|
2020-03-20 12:10:03 +00:00
|
|
|
tokenName: name,
|
2020-01-02 13:03:23 +00:00
|
|
|
tokenOperator: operator,
|
|
|
|
clicked: false,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.dismissDropdown();
|
|
|
|
this.dispatchInputEvent();
|
|
|
|
}
|
|
|
|
|
2020-10-21 15:10:28 +00:00
|
|
|
renderContent(forceShowList = false, dropdownName = '') {
|
2020-01-02 13:03:23 +00:00
|
|
|
const dropdownData = [
|
|
|
|
{
|
|
|
|
tag: 'equal',
|
|
|
|
type: 'string',
|
|
|
|
title: '=',
|
2020-01-27 12:08:35 +00:00
|
|
|
help: __('is'),
|
2020-01-02 13:03:23 +00:00
|
|
|
},
|
2020-05-07 03:09:46 +00:00
|
|
|
];
|
2020-10-21 15:10:28 +00:00
|
|
|
const dropdownToken = this.tokenKeys.searchByKey(dropdownName.toLowerCase());
|
2020-05-07 03:09:46 +00:00
|
|
|
|
2021-05-03 06:10:30 +00:00
|
|
|
if (!dropdownToken?.hideNotEqual) {
|
2020-05-07 03:09:46 +00:00
|
|
|
dropdownData.push({
|
2020-01-02 13:03:23 +00:00
|
|
|
tag: 'not-equal',
|
|
|
|
type: 'string',
|
|
|
|
title: '!=',
|
2020-01-27 12:08:35 +00:00
|
|
|
help: __('is not'),
|
2020-05-07 03:09:46 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2020-01-02 13:03:23 +00:00
|
|
|
this.droplab.changeHookList(this.hookId, this.dropdown, [Filter], this.config);
|
|
|
|
this.droplab.setData(this.hookId, dropdownData);
|
|
|
|
super.renderContent(forceShowList);
|
|
|
|
}
|
|
|
|
|
|
|
|
init() {
|
|
|
|
this.droplab.addHook(this.input, this.dropdown, [Filter], this.config).init();
|
|
|
|
}
|
|
|
|
}
|