git.apps.os.sepia.ceph.com Git - ceph.git/blob

   1 import { Component, OnInit } from '@angular/core';
   2 import { FormControl, Validators } from '@angular/forms';
   3
   4 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
   5 import { Subject } from 'rxjs';
   6
   7 import { RbdService } from '../../../shared/api/rbd.service';
   8 import { ActionLabelsI18n } from '../../../shared/constants/app.constants';
   9 import { CdFormGroup } from '../../../shared/forms/cd-form-group';
  10 import { FinishedTask } from '../../../shared/models/finished-task';
  11 import { ImageSpec } from '../../../shared/models/image-spec';
  12 import { NotificationService } from '../../../shared/services/notification.service';
  13 import { TaskManagerService } from '../../../shared/services/task-manager.service';
  14
  15 @Component({
  16   selector: 'cd-rbd-snapshot-form-modal',
  17   templateUrl: './rbd-snapshot-form-modal.component.html',
  18   styleUrls: ['./rbd-snapshot-form-modal.component.scss']
  19 })
  20 export class RbdSnapshotFormModalComponent implements OnInit {
  21   poolName: string;
  22   namespace: string;
  23   imageName: string;
  24   snapName: string;
  25
  26   snapshotForm: CdFormGroup;
  27
  28   editing = false;
  29   action: string;
  30   resource: string;
  31
  32   public onSubmit: Subject<string>;
  33
  34   constructor(
  35     public activeModal: NgbActiveModal,
  36     private rbdService: RbdService,
  37     private taskManagerService: TaskManagerService,
  38     private notificationService: NotificationService,
  39     private actionLabels: ActionLabelsI18n
  40   ) {
  41     this.action = this.actionLabels.CREATE;
  42     this.resource = $localize`RBD Snapshot`;
  43     this.createForm();
  44   }
  45
  46   createForm() {
  47     this.snapshotForm = new CdFormGroup({
  48       snapshotName: new FormControl('', {
  49         validators: [Validators.required]
  50       })
  51     });
  52   }
  53
  54   ngOnInit() {
  55     this.onSubmit = new Subject();
  56   }
  57
  58   setSnapName(snapName: string) {
  59     this.snapName = snapName;
  60     this.snapshotForm.get('snapshotName').setValue(snapName);
  61   }
  62
  63   /**
  64    * Set the 'editing' flag. If set to TRUE, the modal dialog is in
  65    * 'Edit' mode, otherwise in 'Create' mode.
  66    * @param {boolean} editing
  67    */
  68   setEditing(editing: boolean = true) {
  69     this.editing = editing;
  70     this.action = this.editing ? this.actionLabels.RENAME : this.actionLabels.CREATE;
  71   }
  72
  73   editAction() {
  74     const snapshotName = this.snapshotForm.getValue('snapshotName');
  75     const imageSpec = new ImageSpec(this.poolName, this.namespace, this.imageName);
  76     const finishedTask = new FinishedTask();
  77     finishedTask.name = 'rbd/snap/edit';
  78     finishedTask.metadata = {
  79       image_spec: imageSpec.toString(),
  80       snapshot_name: snapshotName
  81     };
  82     this.rbdService
  83       .renameSnapshot(imageSpec, this.snapName, snapshotName)
  84       .toPromise()
  85       .then(() => {
  86         this.taskManagerService.subscribe(
  87           finishedTask.name,
  88           finishedTask.metadata,
  89           (asyncFinishedTask: FinishedTask) => {
  90             this.notificationService.notifyTask(asyncFinishedTask);
  91           }
  92         );
  93         this.activeModal.close();
  94         this.onSubmit.next(this.snapName);
  95       })
  96       .catch(() => {
  97         this.snapshotForm.setErrors({ cdSubmitButton: true });
  98       });
  99   }
 100
 101   createAction() {
 102     const snapshotName = this.snapshotForm.getValue('snapshotName');
 103     const imageSpec = new ImageSpec(this.poolName, this.namespace, this.imageName);
 104     const finishedTask = new FinishedTask();
 105     finishedTask.name = 'rbd/snap/create';
 106     finishedTask.metadata = {
 107       image_spec: imageSpec.toString(),
 108       snapshot_name: snapshotName
 109     };
 110     this.rbdService
 111       .createSnapshot(imageSpec, snapshotName)
 112       .toPromise()
 113       .then(() => {
 114         this.taskManagerService.subscribe(
 115           finishedTask.name,
 116           finishedTask.metadata,
 117           (asyncFinishedTask: FinishedTask) => {
 118             this.notificationService.notifyTask(asyncFinishedTask);
 119           }
 120         );
 121         this.activeModal.close();
 122         this.onSubmit.next(snapshotName);
 123       })
 124       .catch(() => {
 125         this.snapshotForm.setErrors({ cdSubmitButton: true });
 126       });
 127   }
 128
 129   submit() {
 130     if (this.editing) {
 131       this.editAction();
 132     } else {
 133       this.createAction();
 134     }
 135   }
 136 }