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

import { FolderPageLoader } from './folder_page_loader';
import appEvents from 'app/core/app_events';

export class FolderSettingsCtrl {
  folderPageLoader: FolderPageLoader;
  navModel: any;
  folderId: number;
  canSave = false;
  dashboard: any;
  meta: any;
  title: string;
  hasChanged: boolean;

  /** @ngInject */
  constructor(private backendSrv, navModelSrv, private $routeParams, private $location) {
    if (this.$routeParams.folderId && this.$routeParams.slug) {
      this.folderId = $routeParams.folderId;

      this.folderPageLoader = new FolderPageLoader(this.backendSrv, this.$routeParams);
      this.folderPageLoader.load(this, this.folderId, 'manage-folder-settings').then(result => {
        this.dashboard = result.dashboard;
        this.meta = result.meta;
        this.canSave = result.meta.canSave;
        this.title = this.dashboard.title;
      });
    }
  }

  save() {
    this.titleChanged();

    if (!this.hasChanged) {
      return;
    }

    this.dashboard.title = this.title.trim();

    return this.backendSrv
      .saveDashboard(this.dashboard, { overwrite: false })
      .then(result => {
        var folderUrl = this.folderPageLoader.createFolderUrl(this.folderId, this.meta.type, result.slug);
        if (folderUrl !== this.$location.path()) {
          this.$location.url(folderUrl + '/settings');
        }

        appEvents.emit('dashboard-saved');
        appEvents.emit('alert-success', ['Folder saved']);
      })
      .catch(this.handleSaveFolderError);
  }

  titleChanged() {
    this.hasChanged = this.dashboard.title.toLowerCase() !== this.title.trim().toLowerCase();
  }

  delete(evt) {
    if (evt) {
      evt.stopPropagation();
      evt.preventDefault();
    }

    appEvents.emit('confirm-modal', {
      title: 'Delete',
      text: `Do you want to delete this folder and all its dashboards?`,
      icon: 'fa-trash',
      yesText: 'Delete',
      onConfirm: () => {
        return this.backendSrv.deleteDashboard(this.meta.slug).then(() => {
          appEvents.emit('alert-success', ['Folder Deleted', `${this.dashboard.title} has been deleted`]);
          this.$location.url('dashboards');
        });
      },
    });
  }

  handleSaveFolderError(err) {
    if (err.data && err.data.status === 'version-mismatch') {
      err.isHandled = true;

      appEvents.emit('confirm-modal', {
        title: 'Conflict',
        text: 'Someone else has updated this folder.',
        text2: 'Would you still like to save this folder?',
        yesText: 'Save & Overwrite',
        icon: 'fa-warning',
        onConfirm: () => {
          this.backendSrv.saveDashboard(this.dashboard, { overwrite: true });
        },
      });
    }

    if (err.data && err.data.status === 'name-exists') {
      err.isHandled = true;

      appEvents.emit('alert-error', ['A folder or dashboard with this name exists already.']);
    }
  }
}