From 6adb38a61db759028e5e18d9b05c8e1b8f85e371 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Sat, 9 Oct 2021 17:09:23 +0300
Subject: [PATCH] Confirmation dialog styles

---
 .../confirmation-dialog.component.html                | 11 ++++++++---
 .../confirmation-dialog.component.scss                |  3 +++
 .../confirmation-dialog.component.ts                  |  6 +++---
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/lib/misc/confirmation-dialog/confirmation-dialog.component.html b/src/lib/misc/confirmation-dialog/confirmation-dialog.component.html
index c9bc3df..f94bfb0 100644
--- a/src/lib/misc/confirmation-dialog/confirmation-dialog.component.html
+++ b/src/lib/misc/confirmation-dialog/confirmation-dialog.component.html
@@ -1,5 +1,5 @@
 <section class="dialog">
-    <div [class.primary]="isDeleteAction" class="dialog-header heading-l">
+    <div [class.warn]="isDeleteAction" class="dialog-header heading-l">
         {{ config.title }}
     </div>
 
@@ -14,16 +14,21 @@
     </div>
 
     <div class="dialog-actions">
-        <button (click)="confirm(1)" [disabled]="config.requireInput && confirmationDoesNotMatch()" color="primary" mat-flat-button>
+        <button
+            (click)="confirm(1)"
+            [disabled]="config.requireInput && confirmationDoesNotMatch()"
+            color="primary"
+            mat-flat-button
+        >
             {{ config.confirmationText }}
         </button>
 
         <button
             (click)="confirm(2)"
+            *ngIf="config.alternativeConfirmationText"
             [disabled]="config.requireInput && confirmationDoesNotMatch()"
             color="primary"
             mat-flat-button
-            *ngIf="config.alternativeConfirmationText"
         >
             {{ config.alternativeConfirmationText }}
         </button>
diff --git a/src/lib/misc/confirmation-dialog/confirmation-dialog.component.scss b/src/lib/misc/confirmation-dialog/confirmation-dialog.component.scss
index e69de29..f65b4b0 100644
--- a/src/lib/misc/confirmation-dialog/confirmation-dialog.component.scss
+++ b/src/lib/misc/confirmation-dialog/confirmation-dialog.component.scss
@@ -0,0 +1,3 @@
+.warn {
+    color: var(--iqser-red-1);
+}
diff --git a/src/lib/misc/confirmation-dialog/confirmation-dialog.component.ts b/src/lib/misc/confirmation-dialog/confirmation-dialog.component.ts
index b8e3e78..ae4d744 100644
--- a/src/lib/misc/confirmation-dialog/confirmation-dialog.component.ts
+++ b/src/lib/misc/confirmation-dialog/confirmation-dialog.component.ts
@@ -3,11 +3,11 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { TranslateService } from '@ngx-translate/core';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 
-export type TitleColor = 'default' | 'primary';
+export type TitleColor = 'default' | 'warn';
 
 export enum TitleColors {
     DEFAULT = 'default',
-    PRIMARY = 'primary',
+    WARN = 'warn',
 }
 
 export class ConfirmationDialogInput {
@@ -57,7 +57,7 @@ export class ConfirmationDialogComponent {
     }
 
     get isDeleteAction(): boolean {
-        return this.config?.titleColor === TitleColors.PRIMARY;
+        return this.config?.titleColor === TitleColors.WARN;
     }
 
     @HostListener('window:keyup.enter')