gitlab-org--gitlab-foss/app/assets/javascripts/filtered_search/dropdown_hint.js.es6

/* 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);
    }
  }

  global.DropdownHint = DropdownHint;
})(window.gl || (window.gl = {}));