61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
/* eslint-disable no-param-reassign */
|
|
/*= require filtered_search/filtered_search_dropdown */
|
|
|
|
((global) => {
|
|
const dropdownData = [{
|
|
icon: 'fa-pencil',
|
|
hint: 'author:',
|
|
tag: '<author>'
|
|
},{
|
|
icon: 'fa-user',
|
|
hint: 'assignee:',
|
|
tag: '<assignee>',
|
|
},{
|
|
icon: 'fa-clock-o',
|
|
hint: 'milestone:',
|
|
tag: '<milestone>',
|
|
},{
|
|
icon: 'fa-tag',
|
|
hint: 'label:',
|
|
tag: '<label>',
|
|
}];
|
|
|
|
class DropdownHint extends gl.FilteredSearchDropdown {
|
|
constructor(dropdown, input, filterKeyword) {
|
|
super(dropdown, input);
|
|
this.listId = 'js-dropdown-hint';
|
|
this.filterKeyword = filterKeyword;
|
|
}
|
|
|
|
itemClicked(e) {
|
|
const token = e.detail.selected.querySelector('.js-filter-hint').innerText.trim();
|
|
const tag = e.detail.selected.querySelector('.js-filter-tag').innerText.trim();
|
|
|
|
if (tag.length) {
|
|
gl.FilteredSearchManager.addWordToInput(this.getSelectedText(token));
|
|
}
|
|
|
|
this.dismissDropdown();
|
|
}
|
|
|
|
renderContent() {
|
|
super.renderContent();
|
|
droplab.setData(this.hookId, dropdownData);
|
|
}
|
|
|
|
filterMethod(item, query) {
|
|
const { value } = gl.FilteredSearchTokenizer.getLastTokenObject(query);
|
|
|
|
if (value === '') {
|
|
item.droplab_hidden = false;
|
|
} else {
|
|
item.droplab_hidden = item['hint'].indexOf(value) === -1;
|
|
}
|
|
|
|
return item;
|
|
}
|
|
}
|
|
|
|
global.DropdownHint = DropdownHint;
|
|
})(window.gl || (window.gl = {}));
|