From 7ec242397c0200a5353309938d8a3e0c8c05ee8a Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Fri, 16 Feb 2024 13:50:37 +0200
Subject: [PATCH] RED-8563: fixed workload filter closing upon clicking on it.

---
 .../user-management/user-management.component.html | 14 +++++++-------
 .../user-management/user-management.component.ts   | 13 ++++++-------
 .../file-preview-screen.component.html             |  2 +-
 .../services/file-preview-state.service.ts         |  3 ++-
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.html b/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.html
index 1f34d33cc..04d03eabd 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.html
@@ -6,32 +6,32 @@
     </div>
 
     <iqser-initials-avatar
-        *ngIf="!editingReviewer"
+        *ngIf="!state.isEditingReviewer()"
         [id]="'assignee'"
         [user]="file.assignee"
         [withName]="!!file.assignee"
     ></iqser-initials-avatar>
 
     <div
-        (click)="editingReviewer = true"
-        *ngIf="!editingReviewer && _canAssignReviewer()"
+        (click)="state.isEditingReviewer.set(true)"
+        *ngIf="!state.isEditingReviewer() && _canAssignReviewer()"
         [id]="'assign-reviewer'"
         [translate]="'file-preview.assign-reviewer'"
         class="assign-reviewer pointer"
     ></div>
 
     <redaction-assign-user-dropdown
-        (cancel)="editingReviewer = false"
+        (cancel)="state.isEditingReviewer.set(false)"
         (save)="assignReviewer(file, $event)"
-        *ngIf="editingReviewer"
+        *ngIf="state.isEditingReviewer()"
         [options]="_usersOptions()"
         [value]="file.assignee"
         iqserStopPropagation
     ></redaction-assign-user-dropdown>
 
-    <div *ngIf="!editingReviewer && _canAssign()" class="assign-actions-wrapper">
+    <div *ngIf="!state.isEditingReviewer() && _canAssign()" class="assign-actions-wrapper">
         <iqser-circle-button
-            (action)="editingReviewer = true"
+            (action)="state.isEditingReviewer.set(true)"
             *ngIf="_canAssignOrUnassign() && !!file.assignee"
             [attr.help-mode-key]="'editor_assign_user'"
             [buttonId]="'change-assignee'"
diff --git a/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.ts b/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.ts
index ef375270b..3a9b8ac46 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.ts
@@ -45,7 +45,6 @@ export class UserManagementComponent implements OnInit, OnDestroy {
               ? _('file-preview.change-reviewer')
               : _('file-preview.assign-reviewer');
     });
-    editingReviewer = false;
 
     constructor(
         readonly fileAssignService: FileAssignService,
@@ -76,7 +75,7 @@ export class UserManagementComponent implements OnInit, OnDestroy {
 
         const translateParams = { reviewerName: this.userService.getName(assigneeId), filename: file.filename };
         this.toaster.success(_('assignment.reviewer'), { params: translateParams });
-        this.editingReviewer = false;
+        this.state.isEditingReviewer.set(false);
     }
 
     ngOnInit() {
@@ -90,21 +89,21 @@ export class UserManagementComponent implements OnInit, OnDestroy {
     @Bind()
     handleViewerClick() {
         this.ngZone.run(() => {
-            this.editingReviewer = false;
+            this.state.isEditingReviewer.set(false);
         });
     }
 
     @HostListener('document:click')
     clickOutside() {
-        if (this.editingReviewer) {
-            this.editingReviewer = false;
+        if (this.state.isEditingReviewer()) {
+            this.state.isEditingReviewer.set(false);
         }
     }
 
     @HostListener('document:keyup', ['$event'])
     handleEsc($event: KeyboardEvent) {
-        if ($event.key === 'Escape' && this.editingReviewer) {
-            this.editingReviewer = false;
+        if ($event.key === 'Escape' && this.state.isEditingReviewer()) {
+            this.state.isEditingReviewer.set(false);
         }
     }
 
diff --git a/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.html b/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.html
index 2c4828937..1e4eea900 100644
--- a/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.html
@@ -94,7 +94,7 @@
         </div>
 
         <div class="right-container">
-            <redaction-file-preview-right-container iqserDisableStopPropagation></redaction-file-preview-right-container>
+            <redaction-file-preview-right-container [iqserDisableStopPropagation]="state.isEditingReviewer()"></redaction-file-preview-right-container>
         </div>
     </div>
 </section>
diff --git a/apps/red-ui/src/app/modules/file-preview/services/file-preview-state.service.ts b/apps/red-ui/src/app/modules/file-preview/services/file-preview-state.service.ts
index e30892626..11d386628 100644
--- a/apps/red-ui/src/app/modules/file-preview/services/file-preview-state.service.ts
+++ b/apps/red-ui/src/app/modules/file-preview/services/file-preview-state.service.ts
@@ -1,5 +1,5 @@
 import { HttpEvent, HttpEventType, HttpProgressEvent, HttpResponse } from '@angular/common/http';
-import { computed, effect, inject, Injectable, Signal } from '@angular/core';
+import { computed, effect, inject, Injectable, signal, Signal } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { LoadingService, wipeCache } from '@iqser/common-ui';
 import { getParam } from '@iqser/common-ui/lib/utils';
@@ -45,6 +45,7 @@ export class FilePreviewStateService {
     readonly dossierTemplateId = getParam(DOSSIER_TEMPLATE_ID);
     readonly fileId = getParam(FILE_ID);
     readonly updateExcludedPagesStyle = computed(() => this.file().excludedPages);
+    readonly isEditingReviewer = signal(false);
 
     constructor(
         private readonly _permissionsService: PermissionsService,