app/assets/javascripts/blob/template_selectors/metrics_dashboard_selector.js


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

import FileTemplateSelector from '../file_template_selector';

export default class MetricsDashboardSelector extends FileTemplateSelector {
  constructor({ mediator }) {
    super(mediator);
    this.config = {
      key: 'metrics-dashboard-yaml',
      name: '.metrics-dashboard.yml',
      pattern: /(.metrics-dashboard.yml)/,
      type: 'metrics_dashboard_ymls',
      dropdown: '.js-metrics-dashboard-selector',
      wrapper: '.js-metrics-dashboard-selector-wrap',
    };
  }

  initDropdown() {
    this.$dropdown.glDropdown({
      data: this.$dropdown.data('data'),
      filterable: true,
      selectable: true,
      search: {
        fields: ['name'],
      },
      clicked: options => this.reportSelectionName(options),
      text: item => item.name,
    });
  }
}