1 import { Component, OnInit } from '@angular/core';
2 import { FormControl, Validators } from '@angular/forms';
4 import { I18n } from '@ngx-translate/i18n-polyfill';
5 import { BsModalRef } from 'ngx-bootstrap/modal';
6 import { Subject } from 'rxjs';
8 import { RbdService } from '../../../shared/api/rbd.service';
9 import { ActionLabelsI18n } from '../../../shared/constants/app.constants';
10 import { CdFormGroup } from '../../../shared/forms/cd-form-group';
11 import { FinishedTask } from '../../../shared/models/finished-task';
12 import { NotificationService } from '../../../shared/services/notification.service';
13 import { TaskManagerService } from '../../../shared/services/task-manager.service';
16 selector: 'cd-rbd-snapshot-form',
17 templateUrl: './rbd-snapshot-form.component.html',
18 styleUrls: ['./rbd-snapshot-form.component.scss']
20 export class RbdSnapshotFormComponent implements OnInit {
25 snapshotForm: CdFormGroup;
31 public onSubmit: Subject<string>;
34 public modalRef: BsModalRef,
35 private rbdService: RbdService,
36 private taskManagerService: TaskManagerService,
37 private notificationService: NotificationService,
39 private actionLabels: ActionLabelsI18n
41 this.action = this.actionLabels.CREATE;
42 this.resource = this.i18n('RBD Snapshot');
47 this.snapshotForm = new CdFormGroup({
48 snapshotName: new FormControl('', {
49 validators: [Validators.required]
55 this.onSubmit = new Subject();
58 setSnapName(snapName) {
59 this.snapName = snapName;
60 this.snapshotForm.get('snapshotName').setValue(snapName);
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
68 setEditing(editing: boolean = true) {
69 this.editing = editing;
70 this.action = this.editing ? this.actionLabels.RENAME : this.actionLabels.CREATE;
74 const snapshotName = this.snapshotForm.getValue('snapshotName');
75 const finishedTask = new FinishedTask();
76 finishedTask.name = 'rbd/snap/edit';
77 finishedTask.metadata = {
78 pool_name: this.poolName,
79 image_name: this.imageName,
80 snapshot_name: snapshotName
83 .renameSnapshot(this.poolName, this.imageName, this.snapName, snapshotName)
86 this.taskManagerService.subscribe(
88 finishedTask.metadata,
89 (asyncFinishedTask: FinishedTask) => {
90 this.notificationService.notifyTask(asyncFinishedTask);
94 this.onSubmit.next(this.snapName);
97 this.snapshotForm.setErrors({ cdSubmitButton: true });
102 const snapshotName = this.snapshotForm.getValue('snapshotName');
103 const finishedTask = new FinishedTask();
104 finishedTask.name = 'rbd/snap/create';
105 finishedTask.metadata = {
106 pool_name: this.poolName,
107 image_name: this.imageName,
108 snapshot_name: snapshotName
111 .createSnapshot(this.poolName, this.imageName, snapshotName)
114 this.taskManagerService.subscribe(
116 finishedTask.metadata,
117 (asyncFinishedTask: FinishedTask) => {
118 this.notificationService.notifyTask(asyncFinishedTask);
121 this.modalRef.hide();
122 this.onSubmit.next(snapshotName);
125 this.snapshotForm.setErrors({ cdSubmitButton: true });