1 files changed, 63 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.ts
new file mode 100644
index 000000000..4c634f8ca
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/critical-confirmation-modal/critical-confirmation-modal.component.ts
@@ -0,0 +1,63 @@
+import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
+
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Observable } from 'rxjs';
+
+import { CdFormGroup } from '~/app/shared/forms/cd-form-group';
+import { SubmitButtonComponent } from '../submit-button/submit-button.component';
+
+@Component({
+  selector: 'cd-deletion-modal',
+  templateUrl: './critical-confirmation-modal.component.html',
+  styleUrls: ['./critical-confirmation-modal.component.scss']
+})
+export class CriticalConfirmationModalComponent implements OnInit {
+  @ViewChild(SubmitButtonComponent, { static: true })
+  submitButton: SubmitButtonComponent;
+  bodyTemplate: TemplateRef<any>;
+  bodyContext: object;
+  submitActionObservable: () => Observable<any>;
+  submitAction: Function;
+  deletionForm: CdFormGroup;
+  itemDescription: 'entry';
+  itemNames: string[];
+  actionDescription = 'delete';
+
+  childFormGroup: CdFormGroup;
+  childFormGroupTemplate: TemplateRef<any>;
+
+  constructor(public activeModal: NgbActiveModal) {}
+
+  ngOnInit() {
+    const controls = {
+      confirmation: new FormControl(false, [Validators.requiredTrue])
+    };
+    if (this.childFormGroup) {
+      controls['child'] = this.childFormGroup;
+    }
+    this.deletionForm = new CdFormGroup(controls);
+    if (!(this.submitAction || this.submitActionObservable)) {
+      throw new Error('No submit action defined');
+    }
+  }
+
+  callSubmitAction() {
+    if (this.submitActionObservable) {
+      this.submitActionObservable().subscribe({
+        error: this.stopLoadingSpinner.bind(this),
+        complete: this.hideModal.bind(this)
+      });
+    } else {
+      this.submitAction();
+    }
+  }
+
+  hideModal() {
+    this.activeModal.close();
+  }
+
+  stopLoadingSpinner() {
+    this.deletionForm.setErrors({ cdSubmitButton: true });
+  }
+}