import angular from 'angular';
import _ from 'lodash';

export class PluginListCtrl {
  plugins: any[];
  tabIndex: number;
  navModel: any;
  searchQuery: string;
  allPlugins: any[];

  /** @ngInject */
  constructor(private backendSrv: any, $location, navModelSrv) {
    this.tabIndex = 0;
    this.navModel = navModelSrv.getNav('cfg', 'plugins', 0);

    this.backendSrv.get('api/plugins', {embedded: 0}).then(plugins => {
      this.plugins = plugins;
      this.allPlugins = plugins;
    });
  }

  onQueryUpdated() {
    let regex = new RegExp(this.searchQuery, 'ig');
    this.plugins = _.filter(this.allPlugins, item => {
      return regex.test(item.name) || regex.test(item.type);
    });
  }
}

angular.module('grafana.controllers').controller('PluginListCtrl', PluginListCtrl);