1 files changed, 43 insertions, 0 deletions
diff --git a/public/src/app/revert-dialog/revert-dialog.component.html b/public/src/app/revert-dialog/revert-dialog.component.html
new file mode 100644
index 0000000..5dbeb05
--- /dev/null
+++ b/public/src/app/revert-dialog/revert-dialog.component.html
@@ -0,0 +1,43 @@
+<p-dialog [style]="{'border-top-color':'#ffb81c'}" [closable]="false" [(visible)]="store.displayRevertDialog" modal="modal"
+  styleClass="dcae-notify" width="500" [responsive]="true" data-tests-id="revert-dialog">
+  <p-header>
+    <div style="display: flex;">
+      <span style="color: #ffb81c;
+          padding-right: 15px;
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;"
+        [innerHTML]="'alert-triangle' | feather:28"></span>
+      <span style="font-family: 'Open Sans', sans-serif;
+      font-size: 24px; width: 100%;" data-tests-id="revert-dialog-title">
+        Are you sure you want to revert?
+      </span>
+      <span style="
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          color:rgb(90, 90, 90);
+          align-items: center;"
+        [innerHTML]="'x' | feather:20
+          " (click)="closeDialog()"></span>
+    </div>
+  </p-header>
+
+  <div style="padding: 0 0 20px 43px; font-family: 'Open Sans', sans-serif;
+  font-size: 14px;">
+    Are you sure you want to revert the MC to the submitted version configuration?
+    This will delete only the edited version of the MC.
+  </div>
+
+  <p-footer>
+    <button mat-raised-button color="primary" style="background-color: #FFB81C; margin-right: 10px; font-size: 14px; font-family: 'Open Sans', sans-serif; height: 36px;"
+      (click)="revert()" data-tests-id="revert-btn">
+      REVERT
+    </button>
+    <button mat-raised-button class="btn-secondry" style="border-color: #FFB81C !important; color:#FFB81C !important; font-size: 14px; font-family: 'Open Sans', sans-serif;text-align: center; height: 36px;"
+      (click)="closeDialog()" data-tests-id="revert-cancel">
+      CANCEL
+    </button>
+  </p-footer>
+</p-dialog>