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,