grafana/public/app/features/folders/CreateFolderCtrl.ts

import { ILocationService, IScope } from 'angular';
import { AppEvents } from '@grafana/data';

import appEvents from 'app/core/app_events';
import locationUtil from 'app/core/utils/location_util';
import { backendSrv } from 'app/core/services/backend_srv';
import { ValidationSrv } from 'app/features/manage-dashboards';
import { NavModelSrv } from 'app/core/nav_model_srv';
import { promiseToDigest } from '../../core/utils/promiseToDigest';

export default class CreateFolderCtrl {
  title = '';
  navModel: any;
  titleTouched = false;
  hasValidationError: boolean;
  validationError: any;

  /** @ngInject */
  constructor(
    private $location: ILocationService,
    private validationSrv: ValidationSrv,
    navModelSrv: NavModelSrv,
    private $scope: IScope
  ) {
    this.navModel = navModelSrv.getNav('dashboards', 'manage-dashboards', 0);
  }

  create() {
    if (this.hasValidationError) {
      return;
    }

    promiseToDigest(this.$scope)(
      backendSrv.createFolder({ title: this.title }).then((result: any) => {
        appEvents.emit(AppEvents.alertSuccess, ['Folder Created', 'OK']);
        this.$location.url(locationUtil.stripBaseFromUrl(result.url));
      })
    );
  }

  titleChanged() {
    this.titleTouched = true;

    promiseToDigest(this.$scope)(
      this.validationSrv
        .validateNewFolderName(this.title)
        .then(() => {
          this.hasValidationError = false;
        })
        .catch(err => {
          this.hasValidationError = true;
          this.validationError = err.message;
        })
    );
  }
}