From e14472a48a09b633402ebf78ffc360448b5f8f58 Mon Sep 17 00:00:00 2001
From: Edi Cziszter <eduard.cziszter@student.upt.ro>
Date: Tue, 16 Nov 2021 18:18:55 +0200
Subject: [PATCH] added grey background option when selected

---
 src/assets/styles/common-buttons.scss                      | 2 +-
 src/lib/buttons/circle-button/circle-button.component.html | 2 +-
 src/lib/buttons/circle-button/circle-button.component.ts   | 1 +
 src/lib/buttons/types/circle-button.type.ts                | 1 -
 4 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles/common-buttons.scss b/src/assets/styles/common-buttons.scss
index 58a9309..f60932d 100644
--- a/src/assets/styles/common-buttons.scss
+++ b/src/assets/styles/common-buttons.scss
@@ -100,7 +100,7 @@ iqser-icon-button {
                 background: var(--iqser-primary-2);
             }
 
-            &.dossierView {
+            &.grey-selected {
                 background-color: var(--iqser-btn-bg);
             }
         }
diff --git a/src/lib/buttons/circle-button/circle-button.component.html b/src/lib/buttons/circle-button/circle-button.component.html
index 74a402f..8bed1c0 100644
--- a/src/lib/buttons/circle-button/circle-button.component.html
+++ b/src/lib/buttons/circle-button/circle-button.component.html
@@ -2,10 +2,10 @@
     <button
         (click)="performAction($event)"
         [class.dark-bg]="type === circleButtonTypes.dark"
-        [class.dossierView]="type === circleButtonTypes.dossierView"
         [class.overlay]="showDot"
         [class.primary]="type === circleButtonTypes.primary"
         [class.warn]="type === circleButtonTypes.warn"
+        [class.grey-selected]="greySelected"
         [disabled]="disabled"
         [type]="isSubmit ? 'submit' : 'button'"
         mat-icon-button
diff --git a/src/lib/buttons/circle-button/circle-button.component.ts b/src/lib/buttons/circle-button/circle-button.component.ts
index 5dfa21c..9d2d018 100644
--- a/src/lib/buttons/circle-button/circle-button.component.ts
+++ b/src/lib/buttons/circle-button/circle-button.component.ts
@@ -19,6 +19,7 @@ export class CircleButtonComponent implements OnInit {
     @Input() tooltipPosition: IqserTooltipPosition = IqserTooltipPositions.above;
     @Input() disabled = false;
     @Input() type: CircleButtonType = CircleButtonTypes.default;
+    @Input() greySelected = false;
     @Input() removeTooltip = false;
     @Input() isSubmit = false;
     @Input() size = 34;
diff --git a/src/lib/buttons/types/circle-button.type.ts b/src/lib/buttons/types/circle-button.type.ts
index 608226a..349c720 100644
--- a/src/lib/buttons/types/circle-button.type.ts
+++ b/src/lib/buttons/types/circle-button.type.ts
@@ -3,7 +3,6 @@ export const CircleButtonTypes = {
     primary: 'primary',
     warn: 'warn',
     dark: 'dark',
-    dossierView: 'dossierView',
 } as const;
 
 export type CircleButtonType = keyof typeof CircleButtonTypes;