grafana/public/app/features/org/teams_ctrl.ts

import coreModule from 'app/core/core_module';
import appEvents from 'app/core/app_events';

export class TeamsCtrl {
  teams: any;
  pages = [];
  perPage = 50;
  page = 1;
  totalPages: number;
  showPaging = false;
  query: any = '';
  navModel: any;

  /** @ngInject */
  constructor(private backendSrv, navModelSrv) {
    this.navModel = navModelSrv.getNav('cfg', 'teams', 0);
    this.get();
  }

  get() {
    this.backendSrv
      .get(`/api/teams/search?perpage=${this.perPage}&page=${this.page}&query=${this.query}`)
      .then(result => {
        this.teams = result.teams;
        this.page = result.page;
        this.perPage = result.perPage;
        this.totalPages = Math.ceil(result.totalCount / result.perPage);
        this.showPaging = this.totalPages > 1;
        this.pages = [];

        for (var i = 1; i < this.totalPages + 1; i++) {
          this.pages.push({ page: i, current: i === this.page });
        }
      });
  }

  navigateToPage(page) {
    this.page = page.page;
    this.get();
  }

  deleteTeam(team) {
    appEvents.emit('confirm-modal', {
      title: 'Delete',
      text: 'Are you sure you want to delete Team ' + team.name + '?',
      yesText: 'Delete',
      icon: 'fa-warning',
      onConfirm: () => {
        this.deleteTeamConfirmed(team);
      },
    });
  }

  deleteTeamConfirmed(team) {
    this.backendSrv.delete('/api/teams/' + team.id).then(this.get.bind(this));
  }

  openTeamModal() {
    appEvents.emit('show-modal', {
      templateHtml: '<create-team-modal></create-team-modal>',
      modalClass: 'modal--narrow',
    });
  }
}

coreModule.controller('TeamsCtrl', TeamsCtrl);