Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-8183: fixed not closing upon click on viewer.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-02-13 11:04:17 +01:00
parent bd7662d746
commit 0fd56e7329
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/red-ui/src/app/modules/file-preview/components/user-management/user-management.component.ts
View File

@ -1,4 +1,4 @@
import { Component, computed, HostListener } from '@angular/core'; import { Component, computed, HostListener, NgZone, OnDestroy, OnInit } from '@angular/core';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker'; import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { LoadingService, Toaster } from '@iqser/common-ui'; import { LoadingService, Toaster } from '@iqser/common-ui';
import { getCurrentUser } from '@iqser/common-ui/lib/users'; import { getCurrentUser } from '@iqser/common-ui/lib/users';
@ -10,13 +10,15 @@ import { UserService } from '@users/user.service';
import { moveElementInArray } from '@utils/functions'; import { moveElementInArray } from '@utils/functions';
import { FileAssignService } from '../../../shared-dossiers/services/file-assign.service'; import { FileAssignService } from '../../../shared-dossiers/services/file-assign.service';
import { FilePreviewStateService } from '../../services/file-preview-state.service'; import { FilePreviewStateService } from '../../services/file-preview-state.service';
import { PdfViewer } from '../../../pdf-viewer/services/pdf-viewer.service';
import { Bind } from '@common-ui/utils';
@Component({ @Component({
selector: 'redaction-user-management', selector: 'redaction-user-management',
templateUrl: './user-management.component.html', templateUrl: './user-management.component.html',
styleUrls: ['./user-management.component.scss'], styleUrls: ['./user-management.component.scss'],
}) })
export class UserManagementComponent { export class UserManagementComponent implements OnInit, OnDestroy {
protected readonly _canAssignToSelf = computed(() => this.permissionsService.canAssignToSelf(this.state.file(), this.state.dossier())); protected readonly _canAssignToSelf = computed(() => this.permissionsService.canAssignToSelf(this.state.file(), this.state.dossier()));
protected readonly _canAssignUser = computed(() => this.permissionsService.canAssignUser(this.state.file(), this.state.dossier())); protected readonly _canAssignUser = computed(() => this.permissionsService.canAssignUser(this.state.file(), this.state.dossier()));
protected readonly _canUnassignUser = computed(() => this.permissionsService.canUnassignUser(this.state.file(), this.state.dossier())); protected readonly _canUnassignUser = computed(() => this.permissionsService.canUnassignUser(this.state.file(), this.state.dossier()));
@ -53,6 +55,8 @@ export class UserManagementComponent {
readonly toaster: Toaster, readonly toaster: Toaster,
readonly loadingService: LoadingService, readonly loadingService: LoadingService,
readonly state: FilePreviewStateService, readonly state: FilePreviewStateService,
readonly pdf: PdfViewer,
readonly ngZone: NgZone,
) {} ) {}
async assignReviewer(file: File, user: User | string) { async assignReviewer(file: File, user: User | string) {
@ -75,8 +79,23 @@ export class UserManagementComponent {
this.editingReviewer = false; this.editingReviewer = false;
} }
@HostListener('document:click', ['$event']) ngOnInit() {
clickOutside($event: MouseEvent) { this.pdf.instance.UI.iframeWindow.document.addEventListener('click', this.handleViewerClick);
}
ngOnDestroy() {
this.pdf.instance.UI.iframeWindow.document.removeEventListener('click', this.handleViewerClick);
}
@Bind()
handleViewerClick() {
this.ngZone.run(() => {
this.editingReviewer = false;
});
}
@HostListener('document:click')
clickOutside() {
if (this.editingReviewer) { if (this.editingReviewer) {
this.editingReviewer = false; this.editingReviewer = false;
} }