1 files changed, 65 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/confirmation-modal/confirmation-modal.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/confirmation-modal/confirmation-modal.component.ts
new file mode 100644
index 000000000..fe5624981
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/confirmation-modal/confirmation-modal.component.ts
@@ -0,0 +1,65 @@
+import { Component, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+
+@Component({
+  selector: 'cd-confirmation-modal',
+  templateUrl: './confirmation-modal.component.html',
+  styleUrls: ['./confirmation-modal.component.scss']
+})
+export class ConfirmationModalComponent implements OnInit, OnDestroy {
+  // Needed
+  buttonText: string;
+  titleText: string;
+  onSubmit: Function;
+
+  // One of them is needed
+  bodyTpl?: TemplateRef<any>;
+  description?: TemplateRef<any>;
+
+  // Optional
+  warning = false;
+  bodyData?: object;
+  onCancel?: Function;
+  bodyContext?: object;
+  showSubmit = true;
+
+  // Component only
+  boundCancel = this.cancel.bind(this);
+  confirmationForm: FormGroup;
+  private canceled = false;
+
+  constructor(public activeModal: NgbActiveModal) {
+    this.confirmationForm = new FormGroup({});
+  }
+
+  ngOnInit() {
+    this.bodyContext = this.bodyContext || {};
+    this.bodyContext['$implicit'] = this.bodyData;
+    if (!this.onSubmit) {
+      throw new Error('No submit action defined');
+    } else if (!this.buttonText) {
+      throw new Error('No action name defined');
+    } else if (!this.titleText) {
+      throw new Error('No title defined');
+    } else if (!this.bodyTpl && !this.description) {
+      throw new Error('No description defined');
+    }
+  }
+
+  ngOnDestroy() {
+    if (this.onCancel && this.canceled) {
+      this.onCancel();
+    }
+  }
+
+  cancel() {
+    this.canceled = true;
+    this.activeModal.close();
+  }
+
+  stopLoadingSpinner() {
+    this.confirmationForm.setErrors({ cdSubmitButton: true });
+  }
+}