EVOLUTION-MANAGER

Edit File: SaveDashboardAsModalCtrl.ts

import coreModule from 'app/core/core_module';
import { DashboardSrv } from '../../services/DashboardSrv';
import { PanelModel } from '../../state/PanelModel';

const template = `
<div class="modal-body">
	<div class="modal-header">
		<h2 class="modal-header-title">
			<i class="fa fa-copy"></i>
			<span class="p-l-1">Save As...</span>
		</h2>

<div class="gf-form-button-row text-center">
      <button
        type="submit"
        class="btn btn-primary"
        ng-click="ctrl.save()"
        ng-disabled="!ctrl.isValidFolderSelection"
        aria-label="Save dashboard button">
        Save
      </button>
			<a class="btn-text" ng-click="ctrl.dismiss();">Cancel</a>
		</div>
	</form>
</div>
`;

export class SaveDashboardAsModalCtrl {
  clone: any;
  folderId: any;
  dismiss: () => void;
  isValidFolderSelection = true;
  copyTags: boolean;

/** @ngInject */
  constructor(private dashboardSrv: DashboardSrv) {
    const dashboard = this.dashboardSrv.getCurrent();
    this.clone = dashboard.getSaveModelClone();
    this.clone.id = null;
    this.clone.uid = '';
    this.clone.title += ' Copy';
    this.clone.editable = true;
    this.clone.hideControls = false;
    this.folderId = dashboard.meta.folderId;
    this.copyTags = false;

// remove alerts if source dashboard is already persisted
    // do not want to create alert dupes
    if (dashboard.id > 0) {
      this.clone.panels.forEach((panel: PanelModel) => {
        if (panel.type === 'graph' && panel.alert) {
          delete panel.thresholds;
        }
        delete panel.alert;
      });
    }

delete this.clone.autoUpdate;
  }

save() {
    if (!this.copyTags) {
      this.clone.tags = [];
    }

return this.dashboardSrv.save(this.clone, { folderId: this.folderId }).then(this.dismiss);
  }

keyDown(evt: KeyboardEvent) {
    if (evt.keyCode === 13) {
      this.save();
    }
  }

onFolderChange(folder: { id: any }) {
    this.folderId = folder.id;
  }

onEnterFolderCreation() {
    this.isValidFolderSelection = false;
  }

onExitFolderCreation() {
    this.isValidFolderSelection = true;
  }
}

export function saveDashboardAsDirective() {
  return {
    restrict: 'E',
    template: template,
    controller: SaveDashboardAsModalCtrl,
    bindToController: true,
    controllerAs: 'ctrl',
    scope: { dismiss: '&' },
  };
}

coreModule.directive('saveDashboardAsModal', saveDashboardAsDirective);