From 9d8a9c04addc582371e1808a01e806b3aeb0bcb4 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Tue, 31 Oct 2023 00:08:43 +0200
Subject: [PATCH] RED-7023 - Option to compare (effective) dossier dictionary
 with template dictionary

---
 .../dictionary-manager/dictionary-manager.component.html | 9 +++++++--
 .../dictionary-manager/dictionary-manager.component.scss | 4 ++++
 .../dictionary-manager/dictionary-manager.component.ts   | 7 +++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
index e373934c9..9800d50dc 100644
--- a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
@@ -33,9 +33,10 @@
                 icon="iqser:download"
             ></iqser-circle-button>
         </div>
+
         <div class="compare">
             <div class="iqser-input-group mr-16">
-                <mat-checkbox [(ngModel)]="compare" color="primary">
+                <mat-checkbox (change)="toggleCompareMode()" color="primary">
                     {{ 'dictionary-overview.compare.compare' | translate }}
                 </mat-checkbox>
             </div>
@@ -64,7 +65,11 @@
                 </div>
             </ng-container>
 
-            <div *ngIf="!filterByDossierTemplate && !!dossiers.length" class="iqser-input-group w-200 mt-0">
+            <div
+                *ngIf="!filterByDossierTemplate && !!dossiers.length"
+                class="iqser-input-group w-200 mt-0"
+                [class.not-clickable]="dossiers.length === 2 && !!selectedDossier.id"
+            >
                 <mat-form-field>
                     <mat-select
                         [(ngModel)]="selectedDossier"
diff --git a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
index 405b659eb..d8abd6a89 100644
--- a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
+++ b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
@@ -52,6 +52,10 @@ form {
                     color: black;
                 }
             }
+
+            .not-clickable {
+                pointer-events: none;
+            }
         }
 
         .w-450 {
diff --git a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.ts b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.ts
index 28f31475f..0a3e6dc8c 100644
--- a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.ts
+++ b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.ts
@@ -217,6 +217,13 @@ export class DictionaryManagerComponent implements OnChanges {
         this._scrollToCurrentMatch();
     }
 
+    toggleCompareMode() {
+        this.compare = !this.compare;
+        if (!this.compare) {
+            this.selectedDossier = this.selectDossier;
+        }
+    }
+
     ngOnChanges(changes: SimpleChanges): void {
         if (
             (changes.selectedDictionaryType || changes.activeEntryType) &&