grafana/public/app/features/dashboard/create_folder_ctrl.ts

import appEvents from "app/core/app_events";

export class CreateFolderCtrl {
  title = "";
  navModel: any;
  nameExists = false;
  titleTouched = false;

  /** @ngInject **/
  constructor(private backendSrv, private $location, navModelSrv) {
    this.navModel = navModelSrv.getNav("dashboards", "manage-dashboards", 0);
  }

  create() {
    if (!this.title || this.title.trim().length === 0) {
      return;
    }

    const title = this.title.trim();

    return this.backendSrv.createDashboardFolder(title).then(result => {
      appEvents.emit("alert-success", ["Folder Created", "OK"]);

      var folderUrl = `/dashboards/folder/${result.dashboard.id}/${
        result.meta.slug
      }`;
      this.$location.url(folderUrl);
    });
  }

  titleChanged() {
    this.titleTouched = true;

    this.backendSrv.search({ query: this.title }).then(res => {
      this.nameExists = false;
      for (let hit of res) {
        if (this.title === hit.title) {
          this.nameExists = true;
          break;
        }
      }
    });
  }
}