From 8b5b78b775c4ff725e1a77b6dd3c4e76fdc1abd1 Mon Sep 17 00:00:00 2001
From: Valentin <valentin@devplant.ro>
Date: Wed, 22 Sep 2021 00:31:50 +0300
Subject: [PATCH 1/2] added directive to determine long press of 'command' or
 'ctrl' keys to can force the reanalysis of documents

---
 .../file-actions/file-actions.component.html  |  3 +-
 .../file-actions/file-actions.component.ts    | 17 +++++++++--
 .../shared/directives/long-press.directive.ts | 28 +++++++++++++++++++
 .../src/app/modules/shared/shared.module.ts   |  3 +-
 4 files changed, 46 insertions(+), 5 deletions(-)
 create mode 100644 apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts

diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
index 135850473..33d9fa680 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
@@ -7,7 +7,7 @@
     <ng-container *ngTemplateOutlet="actions"></ng-container>
 </ng-container>
 
-<ng-template #actions>
+<ng-template #actions redactionLongPress (longPress)="forceReanalysisAction()">
     <div class="file-actions" *ngIf="fileStatus">
         <iqser-circle-button
             (action)="openDeleteFileDialog($event)"
@@ -136,7 +136,6 @@
             icon="iqser:refresh"
             [type]="circleButtonTypes.dark"
         ></iqser-circle-button>
-
         <!-- exclude from redaction -->
         <div class="iqser-input-group">
             <mat-slide-toggle
diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
index 63ef0cd50..9d84d269f 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
@@ -10,6 +10,7 @@ import { FileManagementControllerService, FileStatus } from '@redaction/red-ui-h
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { UserService } from '@services/user.service';
 import { filter } from 'rxjs/operators';
+import { UserPreferenceService } from '../../../../services/user-preference.service';
 
 @Component({
     selector: 'redaction-file-actions',
@@ -43,6 +44,8 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
     readyForApproval: boolean;
     canToggleAnalysis: boolean;
 
+    private _reanalysisHasBeenForced = false;
+
     constructor(
         readonly permissionsService: PermissionsService,
         readonly appStateService: AppStateService,
@@ -51,7 +54,8 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
         private readonly _loadingService: LoadingService,
         private readonly _fileManagementControllerService: FileManagementControllerService,
         private readonly _userService: UserService,
-        private readonly _toaster: Toaster
+        private readonly _toaster: Toaster,
+        private readonly _userPreferenceService: UserPreferenceService
     ) {
         super();
     }
@@ -194,6 +198,13 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
         }
     }
 
+    forceReanalysisAction() {
+        if (this._userPreferenceService.areDevFeaturesEnabled) {
+            this.canReanalyse = true;
+            this._reanalysisHasBeenForced = true;
+        }
+    }
+
     private _setup() {
         this.statusBarConfig = [{ color: this.fileStatus.status, length: 1 }];
         this.tooltipPosition = this.screen === 'file-preview' ? 'below' : 'above';
@@ -208,7 +219,9 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
         this.canAssignToSelf = this.permissionsService.canAssignToSelf(this.fileStatus);
         this.canAssign = this.permissionsService.canAssignUser(this.fileStatus);
         this.canDelete = this.permissionsService.canDeleteFile(this.fileStatus);
-        this.canReanalyse = this.permissionsService.canReanalyseFile(this.fileStatus);
+        if (!this._reanalysisHasBeenForced) {
+            this.canReanalyse = this.permissionsService.canReanalyseFile(this.fileStatus);
+        }
         this.canSetToUnderReview = this.permissionsService.canSetUnderReview(this.fileStatus);
         this.canSetToUnderApproval = this.permissionsService.canSetUnderApproval(this.fileStatus);
         this.readyForApproval = this.permissionsService.isReadyForApproval(this.fileStatus);
diff --git a/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts b/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts
new file mode 100644
index 000000000..481a34cdd
--- /dev/null
+++ b/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts
@@ -0,0 +1,28 @@
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+
+const LONG_PRESS_TIMEOUT = 500;
+
+@Directive({
+    selector: '[redactionLongPress]'
+})
+export class LongPressDirective {
+    private _touchTimeout: any;
+
+    @Output() longPress = new EventEmitter();
+
+    constructor() {}
+
+    @HostListener('window:keydown.control')
+    @HostListener('window:keydown.meta')
+    touchStart() {
+        this._touchTimeout = setTimeout(() => {
+            this.longPress.emit({});
+        }, LONG_PRESS_TIMEOUT);
+    }
+
+    @HostListener('window:keyup.control')
+    @HostListener('window:keyup.meta')
+    touchEnd() {
+        clearTimeout(this._touchTimeout);
+    }
+}
diff --git a/apps/red-ui/src/app/modules/shared/shared.module.ts b/apps/red-ui/src/app/modules/shared/shared.module.ts
index 74c3200a4..381b6d0bb 100644
--- a/apps/red-ui/src/app/modules/shared/shared.module.ts
+++ b/apps/red-ui/src/app/modules/shared/shared.module.ts
@@ -24,6 +24,7 @@ import { MonacoEditorModule } from '@materia-ui/ngx-monaco-editor';
 import { AssignUserDropdownComponent } from './components/assign-user-dropdown/assign-user-dropdown.component';
 import { PageHeaderComponent } from './components/page-header/page-header.component';
 import { DatePipe } from '@shared/pipes/date.pipe';
+import { LongPressDirective } from '@shared/directives/long-press.directive';
 
 const buttons = [FileDownloadBtnComponent, UserButtonComponent];
 
@@ -44,7 +45,7 @@ const components = [
     ...buttons
 ];
 
-const utils = [DatePipe, NavigateLastDossiersScreenDirective];
+const utils = [DatePipe, NavigateLastDossiersScreenDirective, LongPressDirective];
 
 const modules = [MatConfigModule, ScrollingModule, IconsModule, FormsModule, ReactiveFormsModule, CommonUiModule];
 

From ef03714b3ee9ec522997c79430e66e5bdd062103 Mon Sep 17 00:00:00 2001
From: Valentin <valentin@devplant.ro>
Date: Wed, 22 Sep 2021 21:35:58 +0300
Subject: [PATCH 2/2] updated logic to force the reanalysis only while the
 'command' or 'ctrl' keys are pressed

---
 .../file-actions/file-actions.component.html         |  2 +-
 .../file-actions/file-actions.component.ts           | 12 ++++--------
 .../shared/directives/long-press.directive.ts        |  5 +++++
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
index 33d9fa680..de9884ca6 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
@@ -7,7 +7,7 @@
     <ng-container *ngTemplateOutlet="actions"></ng-container>
 </ng-container>
 
-<ng-template #actions redactionLongPress (longPress)="forceReanalysisAction()">
+<ng-template #actions redactionLongPress (longPress)="forceReanalysisAction($event)">
     <div class="file-actions" *ngIf="fileStatus">
         <iqser-circle-button
             (action)="openDeleteFileDialog($event)"
diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
index 9d84d269f..e53946d12 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
@@ -11,6 +11,7 @@ import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { UserService } from '@services/user.service';
 import { filter } from 'rxjs/operators';
 import { UserPreferenceService } from '../../../../services/user-preference.service';
+import { LongPressEvent } from '../../../shared/directives/long-press.directive';
 
 @Component({
     selector: 'redaction-file-actions',
@@ -44,8 +45,6 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
     readyForApproval: boolean;
     canToggleAnalysis: boolean;
 
-    private _reanalysisHasBeenForced = false;
-
     constructor(
         readonly permissionsService: PermissionsService,
         readonly appStateService: AppStateService,
@@ -198,10 +197,9 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
         }
     }
 
-    forceReanalysisAction() {
+    forceReanalysisAction($event: LongPressEvent) {
         if (this._userPreferenceService.areDevFeaturesEnabled) {
-            this.canReanalyse = true;
-            this._reanalysisHasBeenForced = true;
+            this.canReanalyse = $event.touchEnd ? this.permissionsService.canReanalyseFile(this.fileStatus) : true;
         }
     }
 
@@ -219,9 +217,7 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnInit, OnD
         this.canAssignToSelf = this.permissionsService.canAssignToSelf(this.fileStatus);
         this.canAssign = this.permissionsService.canAssignUser(this.fileStatus);
         this.canDelete = this.permissionsService.canDeleteFile(this.fileStatus);
-        if (!this._reanalysisHasBeenForced) {
-            this.canReanalyse = this.permissionsService.canReanalyseFile(this.fileStatus);
-        }
+        this.canReanalyse = this.permissionsService.canReanalyseFile(this.fileStatus);
         this.canSetToUnderReview = this.permissionsService.canSetUnderReview(this.fileStatus);
         this.canSetToUnderApproval = this.permissionsService.canSetUnderApproval(this.fileStatus);
         this.readyForApproval = this.permissionsService.isReadyForApproval(this.fileStatus);
diff --git a/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts b/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts
index 481a34cdd..0f7b5a134 100644
--- a/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts
+++ b/apps/red-ui/src/app/modules/shared/directives/long-press.directive.ts
@@ -2,6 +2,10 @@ import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
 
 const LONG_PRESS_TIMEOUT = 500;
 
+export interface LongPressEvent {
+    touchEnd?: boolean;
+}
+
 @Directive({
     selector: '[redactionLongPress]'
 })
@@ -24,5 +28,6 @@ export class LongPressDirective {
     @HostListener('window:keyup.meta')
     touchEnd() {
         clearTimeout(this._touchTimeout);
+        this.longPress.emit({ touchEnd: true });
     }
 }