import $ from 'jquery';
import Api from './api';

export default () => {
  $('#js-project-dropdown').glDropdown({
    data: (term, callback) => {
      Api.projects(term, {
        order_by: 'last_activity_at',
      }, (data) => {
        callback(data);
      });
    },
    text: project => (project.name_with_namespace || project.name),
    selectable: true,
    fieldName: 'author_id',
    filterable: true,
    search: {
      fields: ['name_with_namespace'],
    },
    id: data => data.id,
    isSelected: data => (data.id === 2),
  });
};