energylink/public/app/features/plugins/ds_list_ctrl.ts

import coreModule from '../../core/core_module';
import _ from 'lodash';

export class DataSourcesCtrl {
  datasources: any;
  unfiltered: any;
  navModel: any;
  searchQuery: string;

  /** @ngInject */
  constructor(
    private $scope,
    private backendSrv,
    private datasourceSrv,
    private navModelSrv) {

    this.navModel = this.navModelSrv.getNav('cfg', 'datasources', 0);
    backendSrv.get('/api/datasources').then(result => {
      this.datasources = result;
      this.unfiltered = result;
    });
  }

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

  removeDataSourceConfirmed(ds) {

    this.backendSrv.delete('/api/datasources/' + ds.id)
    .then(() => {
      this.$scope.appEvent('alert-success', ['Datasource deleted', '']);
    }, () => {
      this.$scope.appEvent('alert-error', ['Unable to delete datasource', '']);
    }).then(() => {
      this.backendSrv.get('/api/datasources')
      .then((result) => {
        this.datasources = result;
      });
      this.backendSrv.get('/api/frontend/settings')
      .then((settings) => {
        this.datasourceSrv.init(settings.datasources);
      });
    });
  }

  removeDataSource(ds) {

    this.$scope.appEvent('confirm-modal', {
      title: 'Delete',
      text: 'Are you sure you want to delete datasource ' + ds.name + '?',
      yesText: "Delete",
      icon: "fa-trash",
      onConfirm: () => {
        this.removeDataSourceConfirmed(ds);
      }
    });
  }

}

coreModule.controller('DataSourcesCtrl', DataSourcesCtrl);