From e7a23221132661e1d3cafcd7338e0efb18593b62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Fri, 4 Mar 2022 18:13:06 +0200
Subject: [PATCH] OCR processing indicator in file preview

---
 .../components/file-workload/file-workload.component.html   | 5 +++++
 .../components/file-workload/file-workload.component.scss   | 6 ++++--
 apps/red-ui/src/app/services/permissions.service.ts         | 2 +-
 libs/common-ui                                              | 2 +-
 libs/red-domain/src/lib/files/file.model.ts                 | 2 ++
 5 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.html
index 25e934cfe..ba8892922 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.html
@@ -33,6 +33,11 @@
 
 <div class="right-content">
     <div *ngIf="state.isReadonly$ | async" class="justify-center banner read-only d-flex">
+        <div *ngIf="file.isOcrProcessing" class="ocr-indicator">
+            OCR
+            <mat-progress-bar class="white ml-8 w-100" mode="indeterminate"></mat-progress-bar>
+        </div>
+
         <div class="flex-center">
             <mat-icon class="primary-white" svgIcon="red:read-only"></mat-icon>
             <span class="read-only-text" translate="readonly"></span>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.scss b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.scss
index 1b7ef781f..fbdbe73dc 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.scss
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.scss
@@ -24,8 +24,10 @@
         }
     }
 
-    mat-progress-bar {
-        margin-left: 8px;
+    .ocr-indicator {
+        display: flex;
+        flex: 1;
+        align-items: center;
     }
 
     &.justify-center {
diff --git a/apps/red-ui/src/app/services/permissions.service.ts b/apps/red-ui/src/app/services/permissions.service.ts
index e16f15dc2..f1a0581b5 100644
--- a/apps/red-ui/src/app/services/permissions.service.ts
+++ b/apps/red-ui/src/app/services/permissions.service.ts
@@ -113,7 +113,7 @@ export class PermissionsService {
 
     // TODO: Remove '?', after we make sure file is loaded before page
     canPerformAnnotationActions(file: File): boolean {
-        return !file.excluded && (file?.isUnderReview || file?.isUnderApproval) && this.isFileAssignee(file);
+        return !file.isOcrProcessing && !file.excluded && (file?.isUnderReview || file?.isUnderApproval) && this.isFileAssignee(file);
     }
 
     canUndoApproval(file: File | File[]): boolean {
diff --git a/libs/common-ui b/libs/common-ui
index 0157507f6..8d823ad67 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 0157507f661ab216413ec0cf6f4a03128ecb5fce
+Subproject commit 8d823ad6737857ce74e143350470bc705bad1eb5
diff --git a/libs/red-domain/src/lib/files/file.model.ts b/libs/red-domain/src/lib/files/file.model.ts
index deeddd3fd..9e040d999 100644
--- a/libs/red-domain/src/lib/files/file.model.ts
+++ b/libs/red-domain/src/lib/files/file.model.ts
@@ -49,6 +49,7 @@ export class File extends Entity<IFile> implements IFile {
     readonly isNew: boolean;
     readonly isError: boolean;
     readonly isProcessing: boolean;
+    readonly isOcrProcessing: boolean;
     readonly isInitialProcessing: boolean;
     readonly isApproved: boolean;
     readonly isUnprocessed: boolean;
@@ -104,6 +105,7 @@ export class File extends Entity<IFile> implements IFile {
         this.hintsOnly = this.hasHints && !this.hasRedactions;
         this.hasNone = !this.hasRedactions && !this.hasHints && !this.hasSuggestions;
         this.isProcessing = isProcessingStatuses.includes(this.processingStatus);
+        this.isOcrProcessing = this.processingStatus === ProcessingFileStatuses.OCR_PROCESSING;
         this.isInitialProcessing = this.isProcessing && this.numberOfAnalyses === 0;
         this.isApproved = this.workflowStatus === WorkflowFileStatuses.APPROVED;
         this.isNew = this.workflowStatus === WorkflowFileStatuses.NEW;