2016-12-02 22:43:15 +00:00
|
|
|
/* eslint-disable no-param-reassign */
|
|
|
|
/*= require filtered_search/filtered_search_dropdown */
|
|
|
|
|
|
|
|
((global) => {
|
|
|
|
class DropdownLabel extends gl.FilteredSearchDropdown {
|
2016-12-08 21:36:54 +00:00
|
|
|
constructor(droplab, dropdown, input) {
|
|
|
|
super(droplab, dropdown, input);
|
2016-12-02 22:43:15 +00:00
|
|
|
this.listId = 'js-dropdown-label';
|
2016-12-09 17:44:09 +00:00
|
|
|
this.config = {
|
|
|
|
droplabAjax: {
|
|
|
|
endpoint: 'labels.json',
|
|
|
|
method: 'setData',
|
|
|
|
},
|
|
|
|
droplabFilter: {
|
|
|
|
filterFunction: this.filterWithSymbol.bind(this, '~'),
|
|
|
|
}
|
|
|
|
};
|
2016-12-02 22:43:15 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
itemClicked(e) {
|
2016-12-05 22:05:30 +00:00
|
|
|
const dataValueSet = this.setDataValueIfSelected(e.detail.selected);
|
|
|
|
|
|
|
|
if (!dataValueSet) {
|
2016-12-06 18:57:07 +00:00
|
|
|
const labelTitle = e.detail.selected.querySelector('.label-title').innerText.trim();
|
|
|
|
const labelName = `~${this.getEscapedText(labelTitle)}`;
|
2016-12-06 18:52:23 +00:00
|
|
|
gl.FilteredSearchManager.addWordToInput(labelName);
|
2016-12-05 22:05:30 +00:00
|
|
|
}
|
|
|
|
|
2016-12-09 19:15:09 +00:00
|
|
|
// debugger
|
|
|
|
this.dismissDropdown(!dataValueSet);
|
2016-12-02 22:43:15 +00:00
|
|
|
}
|
|
|
|
|
2016-12-09 19:17:19 +00:00
|
|
|
renderContent(forceShowList) {
|
2016-12-09 17:44:09 +00:00
|
|
|
this.droplab.changeHookList(this.hookId, this.dropdown, [droplabAjax, droplabFilter], this.config);
|
2016-12-09 19:17:19 +00:00
|
|
|
super.renderContent(forceShowList);
|
2016-12-09 17:44:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
configure() {
|
|
|
|
this.droplab.addHook(this.input, this.dropdown, [droplabAjax, droplabFilter], this.config).init();
|
2016-12-06 22:20:14 +00:00
|
|
|
}
|
2016-12-02 22:43:15 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
global.DropdownLabel = DropdownLabel;
|
|
|
|
})(window.gl || (window.gl = {}));
|