diff options
Diffstat (limited to 'public/src/app/rule-engine/confirm-popup')
3 files changed, 50 insertions, 0 deletions
diff --git a/public/src/app/rule-engine/confirm-popup/confirm-popup.component.html b/public/src/app/rule-engine/confirm-popup/confirm-popup.component.html new file mode 100644 index 0000000..49c800a --- /dev/null +++ b/public/src/app/rule-engine/confirm-popup/confirm-popup.component.html @@ -0,0 +1,12 @@ +<div class="container" data-tests-id="delete-popup"> + <div class="header"> + Delete + </div> + <div class="content"> + Are you sure you want to delete? + </div> + <div class="buttons"> + <button mat-raised-button (click)="close(true)" data-tests-id="btnDelete" style="margin-right: 1rem;" color="primary">Delete</button> + <button mat-raised-button (click)="close(false)" data-tests-id="btnCancel" style="border: 1px solid #009FDB; color: #009FDB; background: #ffffff;">Cancel</button> + </div> +</div> diff --git a/public/src/app/rule-engine/confirm-popup/confirm-popup.component.scss b/public/src/app/rule-engine/confirm-popup/confirm-popup.component.scss new file mode 100644 index 0000000..2a826ff --- /dev/null +++ b/public/src/app/rule-engine/confirm-popup/confirm-popup.component.scss @@ -0,0 +1,20 @@ +.container { + display: flex; + justify-content: space-between; + margin: 0 !important; + border-top: solid 6px #ffb81c; + .header { + border-bottom: none; + } + .content { + margin: 1rem; + flex: 1; + font-weight: 400; + } + .buttons { + display: flex; + justify-content: flex-end; + border-top: solid 1px #eaeaea; + padding: 1rem; + } +} diff --git a/public/src/app/rule-engine/confirm-popup/confirm-popup.component.ts b/public/src/app/rule-engine/confirm-popup/confirm-popup.component.ts new file mode 100644 index 0000000..23b6cee --- /dev/null +++ b/public/src/app/rule-engine/confirm-popup/confirm-popup.component.ts @@ -0,0 +1,18 @@ +import { Component, Inject } from '@angular/core'; +import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; + +@Component({ + selector: 'app-confirm-popup', + templateUrl: './confirm-popup.component.html', + styleUrls: ['./confirm-popup.component.scss'] +}) +export class ConfirmPopupComponent { + constructor( + public dialogRef: MatDialogRef<ConfirmPopupComponent>, + @Inject(MAT_DIALOG_DATA) public data: any + ) {} + + close(flag) { + this.dialogRef.close(flag); + } +} |