1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
import _ from 'lodash';
import { OsdService } from '~/app/shared/api/osd.service';
import { ActionLabelsI18n, URLVerbs } from '~/app/shared/constants/app.constants';
import { CdFormBuilder } from '~/app/shared/forms/cd-form-builder';
import { CdFormGroup } from '~/app/shared/forms/cd-form-group';
import { FinishedTask } from '~/app/shared/models/finished-task';
import { TaskWrapperService } from '~/app/shared/services/task-wrapper.service';
@Component({
selector: 'cd-osd-creation-preview-modal',
templateUrl: './osd-creation-preview-modal.component.html',
styleUrls: ['./osd-creation-preview-modal.component.scss']
})
export class OsdCreationPreviewModalComponent {
@Input()
driveGroups: Object[] = [];
@Output()
submitAction = new EventEmitter();
action: string;
formGroup: CdFormGroup;
constructor(
public activeModal: NgbActiveModal,
public actionLabels: ActionLabelsI18n,
private formBuilder: CdFormBuilder,
private osdService: OsdService,
private taskWrapper: TaskWrapperService
) {
this.action = actionLabels.CREATE;
this.createForm();
}
createForm() {
this.formGroup = this.formBuilder.group({});
}
onSubmit() {
const trackingId = _.join(_.map(this.driveGroups, 'service_id'), ', ');
this.taskWrapper
.wrapTaskAroundCall({
task: new FinishedTask('osd/' + URLVerbs.CREATE, {
tracking_id: trackingId
}),
call: this.osdService.create(this.driveGroups, trackingId)
})
.subscribe({
error: () => {
this.formGroup.setErrors({ cdSubmitButton: true });
},
complete: () => {
this.submitAction.emit();
this.activeModal.close();
}
});
}
}
|