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 @@
-
+
{
- 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 @@
-
+
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,