From e103418ea61285a9b9b194613b52269590d27630 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 13 Dec 2021 12:46:45 +0200
Subject: [PATCH 01/19] RED-3017: Removed breadcrumbs logic from guards

---
 apps/red-ui/src/app/app-routing.module.ts     |  1 -
 .../base-screen/base-screen.component.html    |  2 +-
 .../breadcrumbs/breadcrumbs.component.html    |  6 +-
 .../src/app/guards/dossier-files-guard.ts     | 29 +------
 apps/red-ui/src/app/guards/dossiers.guard.ts  | 25 +-----
 .../src/app/guards/file-preview.guard.ts      | 33 +-------
 .../src/app/guards/go-back-guard.service.ts   | 18 ----
 .../dossier/dossiers-routing.module.ts        |  9 +-
 .../src/app/services/breadcrumbs.service.ts   | 82 ++++++++++++++-----
 libs/common-ui                                |  2 +-
 .../src/lib/shared/breadcrumb-types.ts        |  7 ++
 libs/red-domain/src/lib/shared/index.ts       |  1 +
 12 files changed, 84 insertions(+), 131 deletions(-)
 delete mode 100644 apps/red-ui/src/app/guards/go-back-guard.service.ts
 create mode 100644 libs/red-domain/src/lib/shared/breadcrumb-types.ts

diff --git a/apps/red-ui/src/app/app-routing.module.ts b/apps/red-ui/src/app/app-routing.module.ts
index 24a5d3557..b13a5055e 100644
--- a/apps/red-ui/src/app/app-routing.module.ts
+++ b/apps/red-ui/src/app/app-routing.module.ts
@@ -35,7 +35,6 @@ const routes: Routes = [
         component: BaseScreenComponent,
         loadChildren: () => import('./modules/dossier/dossiers.module').then(m => m.DossiersModule),
         canActivate: [CompositeRouteGuard],
-        canDeactivate: [DossiersGuard],
         data: {
             routeGuards: [AuthGuard, RedRoleGuard, AppStateGuard, DossiersGuard],
             requiredRoles: ['RED_USER', 'RED_MANAGER'],
diff --git a/apps/red-ui/src/app/components/base-screen/base-screen.component.html b/apps/red-ui/src/app/components/base-screen/base-screen.component.html
index 04d3e1bc7..534a5c4fb 100644
--- a/apps/red-ui/src/app/components/base-screen/base-screen.component.html
+++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.html
@@ -7,7 +7,7 @@
         <redaction-breadcrumbs iqserHelpMode="navigate-in-breadcrumbs"></redaction-breadcrumbs>
     </div>
 
-    <div class="center">
+    <div class="logo">
         <iqser-hidden-action (action)="userPreferenceService.toggleDevFeatures()">
             <iqser-logo icon="red:logo"></iqser-logo>
         </iqser-hidden-action>
diff --git a/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html b/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
index e1993a09b..00792193c 100644
--- a/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
+++ b/apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
@@ -1,9 +1,5 @@
 <ng-container *ngIf="breadcrumbsService.breadcrumbs$ | async as breadcrumbs">
-    <a
-        *ngIf="breadcrumbs.length === 0 || (breadcrumbsService.showGoBack$ | async) === true; else items"
-        class="breadcrumb back"
-        redactionNavigateLastDossiersScreen
-    >
+    <a *ngIf="breadcrumbs.length === 0; else items" class="breadcrumb back" redactionNavigateLastDossiersScreen>
         <mat-icon svgIcon="iqser:expand"></mat-icon>
         {{ 'top-bar.navigation-items.back' | translate }}
     </a>
diff --git a/apps/red-ui/src/app/guards/dossier-files-guard.ts b/apps/red-ui/src/app/guards/dossier-files-guard.ts
index 67d764cd8..5dd539adc 100644
--- a/apps/red-ui/src/app/guards/dossier-files-guard.ts
+++ b/apps/red-ui/src/app/guards/dossier-files-guard.ts
@@ -1,16 +1,13 @@
 import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, CanDeactivate, Router, RouterStateSnapshot } from '@angular/router';
+import { ActivatedRouteSnapshot, CanActivate, Router } from '@angular/router';
 import { DossiersService } from '@services/entity-services/dossiers.service';
-import { BreadcrumbsService } from '@services/breadcrumbs.service';
-import { pluck } from 'rxjs/operators';
 import { FilesMapService } from '@services/entity-services/files-map.service';
 import { FilesService } from '@services/entity-services/files.service';
 
 @Injectable({ providedIn: 'root' })
-export class DossierFilesGuard implements CanActivate, CanDeactivate<unknown> {
+export class DossierFilesGuard implements CanActivate {
     constructor(
         private readonly _dossiersService: DossiersService,
-        private readonly _breadcrumbsService: BreadcrumbsService,
         private readonly _filesMapService: FilesMapService,
         private readonly _filesService: FilesService,
         private readonly _router: Router,
@@ -27,28 +24,6 @@ export class DossierFilesGuard implements CanActivate, CanDeactivate<unknown> {
         if (!this._filesMapService.has(dossierId)) {
             await this._filesService.loadAll(dossierId).toPromise();
         }
-
-        this._breadcrumbsService.append({
-            name$: this._dossiersService.getEntityChanged$(dossierId).pipe(pluck('dossierName')),
-            routerLink: ['/main', 'dossiers', dossierId],
-            routerLinkActiveOptions: { exact: true },
-        });
-
-        this._breadcrumbsService.hideGoBack();
-        return true;
-    }
-
-    canDeactivate(
-        component: unknown,
-        currentRoute: ActivatedRouteSnapshot,
-        currentState: RouterStateSnapshot,
-        nextState?: RouterStateSnapshot,
-    ) {
-        const dossierId = currentRoute.paramMap.get('dossierId');
-        this._breadcrumbsService.remove(['/main', 'dossiers', dossierId]);
-        if (!nextState.url.startsWith('/main/dossiers')) {
-            this._breadcrumbsService.showGoBack();
-        }
         return true;
     }
 }
diff --git a/apps/red-ui/src/app/guards/dossiers.guard.ts b/apps/red-ui/src/app/guards/dossiers.guard.ts
index 04613f5bf..be0c1550e 100644
--- a/apps/red-ui/src/app/guards/dossiers.guard.ts
+++ b/apps/red-ui/src/app/guards/dossiers.guard.ts
@@ -1,39 +1,18 @@
 import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, CanDeactivate, Router, RouterStateSnapshot } from '@angular/router';
+import { CanActivate, Router } from '@angular/router';
 import { DossiersService } from '@services/entity-services/dossiers.service';
-import { BreadcrumbsService } from '@services/breadcrumbs.service';
-import { of } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 
 @Injectable({ providedIn: 'root' })
-export class DossiersGuard implements CanActivate, CanDeactivate<unknown> {
+export class DossiersGuard implements CanActivate {
     constructor(
         private readonly _dossiersService: DossiersService,
-        private readonly _breadcrumbsService: BreadcrumbsService,
         private readonly _translateService: TranslateService,
         private readonly _router: Router,
     ) {}
 
     async canActivate(): Promise<boolean> {
         await this._dossiersService.loadAll().toPromise();
-        this._breadcrumbsService.hideGoBack();
-        this._breadcrumbsService.append({
-            name$: of(this._translateService.instant('top-bar.navigation-items.dossiers')),
-            routerLink: ['/main', 'dossiers'],
-            routerLinkActiveOptions: { exact: true },
-        });
-        return true;
-    }
-
-    canDeactivate(
-        component: unknown,
-        currentRoute: ActivatedRouteSnapshot,
-        currentState: RouterStateSnapshot,
-        nextState?: RouterStateSnapshot,
-    ) {
-        if (!nextState.url.startsWith('/main/dossiers')) {
-            this._breadcrumbsService.showGoBack();
-        }
         return true;
     }
 }
diff --git a/apps/red-ui/src/app/guards/file-preview.guard.ts b/apps/red-ui/src/app/guards/file-preview.guard.ts
index f1334f8d3..294ed782d 100644
--- a/apps/red-ui/src/app/guards/file-preview.guard.ts
+++ b/apps/red-ui/src/app/guards/file-preview.guard.ts
@@ -1,16 +1,13 @@
 import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, CanDeactivate, Router, RouterStateSnapshot } from '@angular/router';
+import { ActivatedRouteSnapshot, CanActivate, Router } from '@angular/router';
 import { FilesMapService } from '@services/entity-services/files-map.service';
 import { DossiersService } from '@services/entity-services/dossiers.service';
-import { BreadcrumbsService } from '@services/breadcrumbs.service';
-import { pluck } from 'rxjs/operators';
 
 @Injectable({ providedIn: 'root' })
-export class FilePreviewGuard implements CanActivate, CanDeactivate<unknown> {
+export class FilePreviewGuard implements CanActivate {
     constructor(
         private readonly _filesMapService: FilesMapService,
         private readonly _dossiersService: DossiersService,
-        private readonly _breadcrumbsService: BreadcrumbsService,
         private readonly _router: Router,
     ) {}
 
@@ -25,32 +22,6 @@ export class FilePreviewGuard implements CanActivate, CanDeactivate<unknown> {
             return false;
         }
 
-        this._breadcrumbsService.append({
-            name$: this._filesMapService.watch$(dossierId, fileId).pipe(pluck('filename')),
-            routerLink: ['/main', 'dossiers', dossierId, 'file', fileId],
-        });
-
-        return true;
-    }
-
-    canDeactivate(
-        component: unknown,
-        currentRoute: ActivatedRouteSnapshot,
-        currentState: RouterStateSnapshot,
-        nextState?: RouterStateSnapshot,
-    ) {
-        const dossierId = currentRoute.paramMap.get('dossierId');
-        const fileId = currentRoute.paramMap.get('fileId');
-        this._breadcrumbsService.remove(['/main', 'dossiers', dossierId, 'file', fileId]);
-
-        if (!nextState.url.includes('dossiers/')) {
-            this._breadcrumbsService.remove(['/main', 'dossiers', dossierId]);
-        }
-
-        if (!nextState.url.startsWith('/main/dossiers')) {
-            this._breadcrumbsService.showGoBack();
-        }
-
         return true;
     }
 }
diff --git a/apps/red-ui/src/app/guards/go-back-guard.service.ts b/apps/red-ui/src/app/guards/go-back-guard.service.ts
deleted file mode 100644
index 893f470f4..000000000
--- a/apps/red-ui/src/app/guards/go-back-guard.service.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Injectable } from '@angular/core';
-import { CanActivate, CanDeactivate } from '@angular/router';
-import { BreadcrumbsService } from '@services/breadcrumbs.service';
-
-@Injectable({ providedIn: 'root' })
-export class GoBackGuard implements CanActivate, CanDeactivate<unknown> {
-    constructor(private readonly _breadcrumbsService: BreadcrumbsService) {}
-
-    canActivate(): boolean {
-        this._breadcrumbsService.showGoBack();
-        return true;
-    }
-
-    canDeactivate() {
-        this._breadcrumbsService.hideGoBack();
-        return true;
-    }
-}
diff --git a/apps/red-ui/src/app/modules/dossier/dossiers-routing.module.ts b/apps/red-ui/src/app/modules/dossier/dossiers-routing.module.ts
index 9d30432ae..cb75a3558 100644
--- a/apps/red-ui/src/app/modules/dossier/dossiers-routing.module.ts
+++ b/apps/red-ui/src/app/modules/dossier/dossiers-routing.module.ts
@@ -3,22 +3,20 @@ import { RouterModule, Routes } from '@angular/router';
 import { SearchScreenComponent } from './screens/search-screen/search-screen.component';
 import { FilePreviewGuard } from '@guards/file-preview.guard';
 import { DossierFilesGuard } from '@guards/dossier-files-guard';
-import { GoBackGuard } from '@guards/go-back-guard.service';
 import { CompositeRouteGuard } from '@iqser/common-ui';
+import { BreadcrumbTypes } from '@red/domain';
 
 const routes: Routes = [
     {
         path: 'search',
         component: SearchScreenComponent,
-        canActivate: [GoBackGuard],
-        canDeactivate: [GoBackGuard],
     },
     {
         path: ':dossierId',
         canActivate: [CompositeRouteGuard],
-        canDeactivate: [DossierFilesGuard],
         data: {
             routeGuards: [DossierFilesGuard],
+            breadcrumbs: [BreadcrumbTypes.main, BreadcrumbTypes.dossier],
         },
         loadChildren: () => import('./screens/dossier-overview/dossier-overview.module').then(m => m.DossierOverviewModule),
     },
@@ -27,14 +25,15 @@ const routes: Routes = [
         canActivate: [CompositeRouteGuard],
         data: {
             routeGuards: [DossierFilesGuard, FilePreviewGuard],
+            breadcrumbs: [BreadcrumbTypes.main, BreadcrumbTypes.dossier, BreadcrumbTypes.file],
         },
-        canDeactivate: [FilePreviewGuard],
         loadChildren: () => import('./screens/file-preview-screen/file-preview.module').then(m => m.FilePreviewModule),
     },
     {
         path: '',
         pathMatch: 'full',
         loadChildren: () => import('./screens/dossiers-listing/dossiers-listing.module').then(m => m.DossiersListingModule),
+        data: { breadcrumbs: [BreadcrumbTypes.main] },
     },
 ];
 
diff --git a/apps/red-ui/src/app/services/breadcrumbs.service.ts b/apps/red-ui/src/app/services/breadcrumbs.service.ts
index 4d6b7d478..6dd0d9cae 100644
--- a/apps/red-ui/src/app/services/breadcrumbs.service.ts
+++ b/apps/red-ui/src/app/services/breadcrumbs.service.ts
@@ -1,7 +1,12 @@
 import { Injectable } from '@angular/core';
-import { List, shareDistinctLast } from '@iqser/common-ui';
-import { IsActiveMatchOptions } from '@angular/router';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { List } from '@iqser/common-ui';
+import { ActivatedRouteSnapshot, IsActiveMatchOptions, NavigationEnd, Router } from '@angular/router';
+import { BehaviorSubject, Observable, of } from 'rxjs';
+import { filter, pluck } from 'rxjs/operators';
+import { FilesMapService } from '@services/entity-services/files-map.service';
+import { DossiersService } from '@services/entity-services/dossiers.service';
+import { TranslateService } from '@ngx-translate/core';
+import { BreadcrumbTypes } from '@red/domain';
 
 export type RouterLinkActiveOptions = { exact: boolean } | IsActiveMatchOptions;
 
@@ -18,40 +23,79 @@ export type Breadcrumbs = List<Breadcrumb>;
 })
 export class BreadcrumbsService {
     readonly breadcrumbs$: Observable<Breadcrumbs>;
-    readonly showGoBack$: Observable<boolean>;
-    private readonly _showGoBack$ = new BehaviorSubject<boolean>(false);
     private readonly _store$ = new BehaviorSubject<Breadcrumbs>([]);
 
-    constructor() {
+    constructor(
+        private readonly _router: Router,
+        private readonly _translateService: TranslateService,
+        private readonly _filesMapService: FilesMapService,
+        private readonly _dossiersService: DossiersService,
+    ) {
         this.breadcrumbs$ = this._store$.asObservable();
-        this.showGoBack$ = this._showGoBack$.asObservable().pipe(shareDistinctLast());
+
+        this._router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
+            const root = this._router.routerState.snapshot.root;
+            this._clear();
+            this._addBreadcrumbs(root.firstChild);
+        });
     }
 
     get breadcrumbs() {
         return this._store$.value;
     }
 
-    append(breadcrumb: Breadcrumb) {
-        const existing = this._store$.value.find(item => item.routerLink.toString() === breadcrumb.routerLink.toString());
-        if (existing) {
-            this.remove(existing.routerLink);
-        }
+    private _append(breadcrumb: Breadcrumb) {
         this._store$.next([...this._store$.value, breadcrumb]);
     }
 
-    clear() {
+    private _clear() {
         this._store$.next([]);
     }
 
-    remove(routerLink: string[]) {
-        this._store$.next(this._store$.value.filter(item => item.routerLink.toString() !== routerLink.toString()));
+    private _addBreadcrumbs(route: ActivatedRouteSnapshot) {
+        if (route.firstChild) {
+            this._addBreadcrumbs(route.firstChild);
+            return;
+        }
+
+        for (const breadcrumb of route.data.breadcrumbs || []) {
+            switch (breadcrumb) {
+                case BreadcrumbTypes.main:
+                    this._addMainBreadcrumb();
+                    break;
+                case BreadcrumbTypes.dossier:
+                    this._addDossierBreadcrumb(route);
+                    break;
+                case BreadcrumbTypes.file:
+                    this._addFileBreadcrumb(route);
+                    break;
+            }
+        }
     }
 
-    showGoBack() {
-        this._showGoBack$.next(true);
+    private _addMainBreadcrumb(): void {
+        this._append({
+            name$: of(this._translateService.instant('top-bar.navigation-items.dossiers')),
+            routerLink: ['/main', 'dossiers'],
+            routerLinkActiveOptions: { exact: true },
+        });
     }
 
-    hideGoBack() {
-        this._showGoBack$.next(false);
+    private _addDossierBreadcrumb(route: ActivatedRouteSnapshot): void {
+        const dossierId = route.paramMap.get('dossierId');
+        this._append({
+            name$: this._dossiersService.getEntityChanged$(dossierId).pipe(pluck('dossierName')),
+            routerLink: ['/main', 'dossiers', dossierId],
+            routerLinkActiveOptions: { exact: true },
+        });
+    }
+
+    private _addFileBreadcrumb(route: ActivatedRouteSnapshot): void {
+        const dossierId = route.paramMap.get('dossierId');
+        const fileId = route.paramMap.get('fileId');
+        this._append({
+            name$: this._filesMapService.watch$(dossierId, fileId).pipe(pluck('filename')),
+            routerLink: ['/main', 'dossiers', dossierId, 'file', fileId],
+        });
     }
 }
diff --git a/libs/common-ui b/libs/common-ui
index a82a08cd8..053bbe534 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit a82a08cd89e33325a789f5b433cd80adc8aa5e59
+Subproject commit 053bbe5346b3a80db85651719a23147e203a8b95
diff --git a/libs/red-domain/src/lib/shared/breadcrumb-types.ts b/libs/red-domain/src/lib/shared/breadcrumb-types.ts
new file mode 100644
index 000000000..3366c25a2
--- /dev/null
+++ b/libs/red-domain/src/lib/shared/breadcrumb-types.ts
@@ -0,0 +1,7 @@
+export type BreadcrumbType = 'main' | 'dossier' | 'file';
+
+export const BreadcrumbTypes = {
+    main: 'main' as BreadcrumbType,
+    dossier: 'dossier' as BreadcrumbType,
+    file: 'file' as BreadcrumbType,
+};
diff --git a/libs/red-domain/src/lib/shared/index.ts b/libs/red-domain/src/lib/shared/index.ts
index 235e2d28c..0991e932d 100644
--- a/libs/red-domain/src/lib/shared/index.ts
+++ b/libs/red-domain/src/lib/shared/index.ts
@@ -1,4 +1,5 @@
 export * from './sorters/status-sorter';
+export * from './breadcrumb-types';
 export * from './types';
 export * from './rules';
 export * from './watermark';

From f46a911470a35f32d36231dab94f9394d52175c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 13 Dec 2021 14:25:04 +0200
Subject: [PATCH 02/19] RED-3012: Only app loading indicator in file preview

---
 .../file-preview-screen/file-preview-screen.component.html    | 1 +
 .../file-preview-screen/file-preview-screen.component.scss    | 4 ++++
 .../file-preview-screen/file-preview-screen.component.ts      | 4 +++-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
index c1a6573a4..3b8387637 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
@@ -79,6 +79,7 @@
                         *ngIf="displayPdfViewer"
                         [annotations]="annotations"
                         [canPerformActions]="canPerformAnnotationActions$ | async"
+                        [class.hidden]="!ready"
                         [dossier]="dossier"
                         [fileData]="fileData?.fileData"
                         [file]="file"
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.scss b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.scss
index d29663f2a..bfbe391d2 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.scss
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.scss
@@ -62,3 +62,7 @@
     max-width: 400px;
     width: 400px;
 }
+
+redaction-pdf-viewer.hidden {
+    visibility: hidden;
+}
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
index e802c64a7..5be2282b7 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
@@ -84,6 +84,7 @@ export class FilePreviewScreenComponent extends AutoUnsubscribe implements OnIni
     readonly viewDocumentInfo$: Observable<boolean>;
     readonly file$: Observable<File>;
     readonly fileId: string;
+    ready = false;
     private _instance: WebViewerInstance;
     private _lastPage: string;
     private _reloadFileOnReanalysis = false;
@@ -225,10 +226,10 @@ export class FilePreviewScreenComponent extends AutoUnsubscribe implements OnIni
         await this.ngOnInit();
         this._lastPage = previousRoute.queryParams.page;
         this._changeDetectorRef.markForCheck();
-        this._loadingService.stop();
     }
 
     async ngOnInit(): Promise<void> {
+        this.ready = false;
         this._loadingService.start();
         await this.userPreferenceService.saveLastOpenedFileForDossier(this.dossierId, this.fileId);
         this._subscribeToFileUpdates();
@@ -403,6 +404,7 @@ export class FilePreviewScreenComponent extends AutoUnsubscribe implements OnIni
 
     async viewerReady($event: WebViewerInstance) {
         this._instance = $event;
+        this.ready = true;
         await this._stampPDF();
         await this._cleanupAndRedrawManualAnnotations();
         this._setExcludedPageStyles();

From b0d458555007d02db981701542a4b3d53a8942f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 13 Dec 2021 14:32:20 +0200
Subject: [PATCH 03/19] RED-3028: Fixed duplicate required markers

---
 libs/common-ui | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/common-ui b/libs/common-ui
index 053bbe534..6c49e67da 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 053bbe5346b3a80db85651719a23147e203a8b95
+Subproject commit 6c49e67da1e9c099ab4a8aaa09ea8f093795d10e

From 8f71ab1f9d4be1b7a43a5b0d7a3cdb860ac9d1e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 13 Dec 2021 14:39:13 +0200
Subject: [PATCH 04/19] RED-3027: Fixed double success notification on dossier
 delete

---
 .../edit-dossier-dialog/edit-dossier-dialog.component.ts    | 6 +-----
 .../general-info/edit-dossier-general-info.component.ts     | 1 -
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.ts b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.ts
index 8959c4e45..87235becf 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.ts
@@ -124,17 +124,13 @@ export class EditDossierDialogComponent extends BaseDialogComponent {
         return this.activeComponent?.disabled;
     }
 
-    afterSave() {
-        this._toaster.success(_('edit-dossier-dialog.change-successful'), { params: { dossierName: this._dossierName } });
-    }
-
     async save(closeAfterSave: boolean = false) {
         this._loadingService.start();
         const result = await this.activeComponent.save();
         this._loadingService.stop();
 
         if (result.success) {
-            this.afterSave();
+            this._toaster.success(_('edit-dossier-dialog.change-successful'), { params: { dossierName: this._dossierName } });
         }
 
         if (result.success && closeAfterSave) {
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.ts b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.ts
index 97c6b20cc..4f7d35d7d 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.ts
@@ -116,7 +116,6 @@ export class EditDossierGeneralInfoComponent implements OnInit, EditDossierSecti
         });
         this._dialogService.openDialog('confirm', null, data, async () => {
             await this._dossiersService.delete(this.dossier).toPromise();
-            this._editDossierDialogRef.componentInstance.afterSave();
             this._editDossierDialogRef.close();
             this._router.navigate(['main', 'dossiers']).then(() => this._notifyDossierDeleted());
         });

From 27d148b3d0fd31868b8ad72a653eac59c364cbf4 Mon Sep 17 00:00:00 2001
From: Bamboo <infra@iqser.com>
Date: Mon, 13 Dec 2021 14:10:05 +0100
Subject: [PATCH 05/19] chore(release)

---
 package.json        |   2 +-
 paligo-theme.tar.gz | Bin 3207 -> 3206 bytes
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 193a7a3be..40684e3c0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "redaction",
-  "version": "3.103.0",
+  "version": "3.104.0",
   "private": true,
   "license": "MIT",
   "scripts": {
diff --git a/paligo-theme.tar.gz b/paligo-theme.tar.gz
index 6aace6a6d7133794622335767f99d37dd84fa9fc..f297222d0f5b4a5da27604ac06d1a28c9a1c8309 100644
GIT binary patch
literal 3206
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

literal 3207
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


From f132a8824a20c5f7e7194b07cd8513b415acd1fb Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Mon, 13 Dec 2021 20:22:16 +0200
Subject: [PATCH 06/19] better fix for RED-2810

---
 .../file-preview-screen.component.ts          | 13 +-----
 .../file-actions/file-actions.component.ts    | 46 ++++++++++---------
 2 files changed, 25 insertions(+), 34 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
index 5be2282b7..4f1bbc0ae 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
@@ -1,14 +1,4 @@
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    HostListener,
-    NgZone,
-    OnDestroy,
-    OnInit,
-    TemplateRef,
-    ViewChild,
-} from '@angular/core';
+import { ChangeDetectorRef, Component, HostListener, NgZone, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
 import { ActivatedRoute, ActivatedRouteSnapshot, NavigationExtras, Router } from '@angular/router';
 import { AppStateService } from '@state/app-state.service';
 import { Core, WebViewerInstance } from '@pdftron/webviewer';
@@ -64,7 +54,6 @@ const ALL_HOTKEY_ARRAY = ['Escape', 'F', 'f'];
     templateUrl: './file-preview-screen.component.html',
     styleUrls: ['./file-preview-screen.component.scss'],
     providers: [FilterService, ExcludedPagesService, ViewModeService, MultiSelectService, DocumentInfoService],
-    changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FilePreviewScreenComponent extends AutoUnsubscribe implements OnInit, OnDestroy, OnAttach, OnDetach {
     readonly circleButtonTypes = CircleButtonTypes;
diff --git a/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.ts b/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.ts
index f13b86b1a..964825091 100644
--- a/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.ts
@@ -21,7 +21,6 @@ import {
     ConfirmationDialogInput,
     IqserTooltipPosition,
     LoadingService,
-    Required,
     Toaster,
 } from '@iqser/common-ui';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
@@ -40,7 +39,7 @@ import { DocumentInfoService } from '../../../screens/file-preview-screen/servic
 import { ExpandableFileActionsComponent } from '@shared/components/expandable-file-actions/expandable-file-actions.component';
 
 @Component({
-    selector: 'redaction-file-actions',
+    selector: 'redaction-file-actions [file] [type]',
     templateUrl: './file-actions.component.html',
     styleUrls: ['./file-actions.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -49,8 +48,8 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnDestroy,
     readonly circleButtonTypes = CircleButtonTypes;
     readonly currentUser = this._userService.currentUser;
 
-    @Input() @Required() file: File;
-    @Input() @Required() type: 'file-preview' | 'dossier-overview-list' | 'dossier-overview-workflow';
+    @Input() file: File;
+    @Input() type: 'file-preview' | 'dossier-overview-list' | 'dossier-overview-workflow';
     @Input() maxWidth: number;
     @Output() readonly ocredFile = new EventEmitter<void>();
 
@@ -58,28 +57,30 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnDestroy,
     assignTooltip?: string;
     buttonType?: CircleButtonType;
 
-    showUndoApproval: boolean;
-    showAssignToSelf: boolean;
-    showAssign: boolean;
-    showDelete: boolean;
-    showOCR: boolean;
-    canReanalyse: boolean;
-    showUnderReview: boolean;
-    showUnderApproval: boolean;
-    showApprove: boolean;
-    canToggleAnalysis: boolean;
-    showStatusBar: boolean;
-    showOpenDocument: boolean;
-    showReanalyseFilePreview: boolean;
-    showReanalyseDossierOverview: boolean;
-    analysisForced: boolean;
+    showUndoApproval = false;
+    showAssignToSelf = false;
+    showAssign = false;
+    showDelete = false;
+    showOCR = false;
+    canReanalyse = false;
+    showUnderReview = false;
+    showUnderApproval = false;
+    showApprove = false;
+    canToggleAnalysis = false;
+    showStatusBar = false;
+    showOpenDocument = false;
+    showReanalyseFilePreview = false;
+    showReanalyseDossierOverview = false;
+    analysisForced = false;
     isDossierOverview = false;
     isDossierOverviewList = false;
     isDossierOverviewWorkflow = false;
     isFilePreview = false;
     tooltipPosition: IqserTooltipPosition;
     buttons: Action[];
-    @ViewChild(ExpandableFileActionsComponent) _expandableActionsComponent: ExpandableFileActionsComponent;
+
+    @ViewChild(ExpandableFileActionsComponent)
+    private readonly _expandableActionsComponent: ExpandableFileActionsComponent;
 
     constructor(
         @Optional() private readonly _excludedPagesService: ExcludedPagesService,
@@ -100,8 +101,9 @@ export class FileActionsComponent extends AutoUnsubscribe implements OnDestroy,
         super();
     }
 
-    @HostBinding('class.keep-visible') get expanded() {
-        return this._expandableActionsComponent?.expanded;
+    @HostBinding('class.keep-visible')
+    get expanded() {
+        return !!this._expandableActionsComponent?.expanded;
     }
 
     private get _toggleTooltip(): string {

From 0282ea2f43ff6512e6ddd840079ae990e5151c0c Mon Sep 17 00:00:00 2001
From: Bamboo <infra@iqser.com>
Date: Mon, 13 Dec 2021 19:35:15 +0100
Subject: [PATCH 07/19] chore(release)

---
 package.json        |   2 +-
 paligo-theme.tar.gz | Bin 3206 -> 3208 bytes
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 40684e3c0..287c958c5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "redaction",
-  "version": "3.104.0",
+  "version": "3.105.0",
   "private": true,
   "license": "MIT",
   "scripts": {
diff --git a/paligo-theme.tar.gz b/paligo-theme.tar.gz
index f297222d0f5b4a5da27604ac06d1a28c9a1c8309..646cc9b83db5db519130494d41a5937cf7a0ec32 100644
GIT binary patch
delta 420
zcmV;V0bBlt8HgE>et$~`09_b&9p8I}f{#MYpfxqa6+#E$@?ujJP5JQ&`f1x-*T4Kx
zv&W3oKbAF|u77{&EzkP@DcWBBS0u&}lVkI!uAjFCSMb80(!b}}UeM{^aa`|}?E(bs
zfBVN})!hEi_5UVHaa9wBF8}=PSJvwC?&1yImPN%-Q)O3|DSu;Sy}r3gik#K+O;Kzz
zf=gP@qhfml2I2lD!CRU=e)h+b<iGv~=k=O0oXzexDSKnjJlnprXTJCwh`$T*cPaj^
z;IAWK90B797)QW30><Gmzlv#HX87^5`W}~;*LN3lP9M&!l;D_D=pPpdy|-u{lZQ2O
z?%-ESD6GFmet%$>4|f+&gBj~}NRpx=VrGb=w_LM%Y(+&@RBQB!yYgJ$8P7whBc^a+
zST%i5)@b4L1!UK~T$XbLeHqP()seDVwt!n)ZD?+>qJ+sStuHJXE4Dzjk!aNYtO>57
zR1mVo57s@6SqivpTSc};xM2nVT^2QEw1A$9WSG%+<PR|JdHZQ4lw`43Nv;C^`LhTD
Ob_xin=w0goPyhf>SJxc?

delta 418
zcmV;T0bTxx8HO2<et!!eMtm4|IT#8)3N?e))C^Y$9fZq^O;t4I$0z8gZF61!@<+`c
zGgALp)^NK1{bk^t_5V|}z51_6j3Xw;=22ZgZw;>Cg+HZ#&#}Fr)4yl??kn5n5U-H^
z<FaaQ|L6LD6Q#JS2}75E{`M<tb$NI3hHlHEVyLOItIL$JvVUIR+$2TL>iMQ9HW|Ss
zt>;m(y#a%8f0N)X%^pAdV@dK~e}nUSO&QK+_nVZxv1gub-`O)?{0+q4h4{M^e^>C=
z5ipK`aRiJbU>pJCaF}1kv@SFJ_*s3A%ggJ#i#ewcXI4sZOe*w`3xwWVG>^%{8aa3H
zD<u@xUn4)T%YTQvi>JYi^*SU;Q4ujS#L-)>**vzQA}gvj`ovv%uJ4TJq0|vmxG=1m
zz9(z6@c9C=>s~I)IfA~7=EUkqSuI<@Ev_~+w^&ia<dxPJ7K{~JpxQ_@>VDP)S5Ybm
z+2RN5p2jQ%T(+$uTO-`Cg8wdynlf5IPen4!=sR*4_YJ)Lv=U0PSga&hacuju3IcWt
M2<Xa74FFI80Ba=Ez5oCK


From 9a86f096b0fbfed1f928ee82f5621edd0ca7a5f5 Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Mon, 13 Dec 2021 20:51:04 +0200
Subject: [PATCH 08/19] fix for RED-2656

---
 libs/common-ui | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/common-ui b/libs/common-ui
index 6c49e67da..c3244477c 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 6c49e67da1e9c099ab4a8aaa09ea8f093795d10e
+Subproject commit c3244477c0479dd174fa7d17c2a7e3621f26bd6d

From f5f6f11c19ff7bc80339e5f0bfac678458f3ad3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 14 Dec 2021 12:01:32 +0200
Subject: [PATCH 09/19] RED-2844: Update file attributes in dossier overview

---
 apps/red-ui/src/app/app.component.ts          |  6 ++-
 .../downloads-list-screen.component.html      |  1 +
 .../active-fields-listing.component.html      |  1 +
 .../screens/audit/audit-screen.component.html |  1 +
 .../default-colors-screen.component.html      |  2 +-
 .../dictionary-listing-screen.component.html  |  1 +
 ...r-attributes-listing-screen.component.html |  1 +
 ...er-templates-listing-screen.component.html |  1 +
 ...e-attributes-listing-screen.component.html |  1 +
 .../justifications-screen.component.html      |  1 +
 .../screens/trash/trash-screen.component.html |  1 +
 .../user-listing-screen.component.html        |  1 +
 ...t-dossier-deleted-documents.component.html |  1 +
 .../dossier-overview-screen.component.html    |  1 +
 .../dossier-overview-screen.component.ts      | 49 ++++++++++---------
 .../dossiers-listing-screen.component.html    |  1 +
 .../services/document-info.service.ts         |  6 +--
 .../search-screen.component.html              |  1 +
 libs/common-ui                                |  2 +-
 19 files changed, 48 insertions(+), 31 deletions(-)

diff --git a/apps/red-ui/src/app/app.component.ts b/apps/red-ui/src/app/app.component.ts
index 168178363..b6d58256f 100644
--- a/apps/red-ui/src/app/app.component.ts
+++ b/apps/red-ui/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, ViewContainerRef } from '@angular/core';
+import { RouterHistoryService } from '@services/router-history.service';
 
 @Component({
     selector: 'redaction-root',
@@ -6,6 +7,7 @@ import { Component, ViewContainerRef } from '@angular/core';
     styleUrls: ['./app.component.scss'],
 })
 export class AppComponent {
-    // View container ref needs to be injected for the color picker to work
-    constructor(public viewContainerRef: ViewContainerRef) {}
+    // ViewContainerRef needs to be injected for the color picker to work
+    // RouterHistoryService needs to be injected for last dossiers screen to be updated on first app load
+    constructor(public viewContainerRef: ViewContainerRef, private readonly _routerHistoryService: RouterHistoryService) {}
 }
diff --git a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
index 34f0ea2c1..3249bd3fa 100644
--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
@@ -8,6 +8,7 @@
                 [itemSize]="80"
                 [noDataText]="'downloads-list.no-data.title' | translate"
                 [selectionEnabled]="true"
+                [tableColumnConfigs]="tableColumnConfigs"
                 noDataIcon="iqser:download"
             ></iqser-table>
         </div>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
index 536e40188..9a15c7caa 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
@@ -5,6 +5,7 @@
     [itemSize]="50"
     [noDataText]="'file-attributes-csv-import.no-data.title' | translate"
     [selectionEnabled]="true"
+    [tableColumnConfigs]="tableColumnConfigs"
     emptyColumnWidth="auto"
     noDataIcon="red:attribute"
 ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
index 1587c511c..296eb49c8 100644
--- a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
@@ -25,6 +25,7 @@
                     [itemSize]="80"
                     [noDataIcon]="'iqser:document'"
                     [noDataText]="'audit-screen.no-data.title' | translate"
+                    [tableColumnConfigs]="tableColumnConfigs"
                     [totalSize]="logs?.totalHits || 0"
                 >
                 </iqser-table>
diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
index 1fb70d6d1..8e7cd2833 100644
--- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
@@ -20,7 +20,7 @@
         <redaction-admin-side-nav type="dossierTemplates"></redaction-admin-side-nav>
 
         <div class="content-container">
-            <iqser-table [itemSize]="80" emptyColumnWidth="2fr"></iqser-table>
+            <iqser-table [itemSize]="80" [tableColumnConfigs]="tableColumnConfigs" emptyColumnWidth="2fr"></iqser-table>
         </div>
     </div>
 </section>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
index d311fb1ad..b30f090a1 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
@@ -30,6 +30,7 @@
                 [noMatchText]="'dictionary-listing.no-match.title' | translate"
                 [selectionEnabled]="true"
                 [showNoDataButton]="currentUser.isAdmin"
+                [tableColumnConfigs]="tableColumnConfigs"
                 emptyColumnWidth="1fr"
                 noDataIcon="red:dictionary"
             ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
index 999b7e161..97115261d 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
@@ -30,6 +30,7 @@
                 [noMatchText]="'dossier-attributes-listing.no-match.title' | translate"
                 [selectionEnabled]="true"
                 [showNoDataButton]="currentUser.isAdmin"
+                [tableColumnConfigs]="tableColumnConfigs"
                 emptyColumnWidth="1fr"
                 noDataIcon="red:attribute"
             ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
index 00cb18b89..f32777255 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
@@ -19,6 +19,7 @@
                     [noDataText]="'dossier-templates-listing.no-data.title' | translate"
                     [noMatchText]="'dossier-templates-listing.no-match.title' | translate"
                     [selectionEnabled]="true"
+                    [tableColumnConfigs]="tableColumnConfigs"
                     noDataIcon="red:template"
                 ></iqser-table>
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
index 78ad18174..f820ff322 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
@@ -27,6 +27,7 @@
                 [noDataText]="'file-attributes-listing.no-data.title' | translate"
                 [noMatchText]="'file-attributes-listing.no-match.title' | translate"
                 [selectionEnabled]="true"
+                [tableColumnConfigs]="tableColumnConfigs"
                 emptyColumnWidth="1fr"
                 noDataIcon="red:attribute"
             ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/admin/screens/justifications/justifications-screen/justifications-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/justifications/justifications-screen/justifications-screen.component.html
index 2feb42084..9d77bbc85 100644
--- a/apps/red-ui/src/app/modules/admin/screens/justifications/justifications-screen/justifications-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/justifications/justifications-screen/justifications-screen.component.html
@@ -4,6 +4,7 @@
     [itemSize]="80"
     [noDataText]="'justifications-listing.no-data.title' | translate"
     [selectionEnabled]="true"
+    [tableColumnConfigs]="tableColumnConfigs"
     noDataIcon="iqser:document"
 ></iqser-table>
 
diff --git a/apps/red-ui/src/app/modules/admin/screens/trash/trash-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/trash/trash-screen.component.html
index 4b28fb1c3..2d69a12d1 100644
--- a/apps/red-ui/src/app/modules/admin/screens/trash/trash-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/trash/trash-screen.component.html
@@ -15,6 +15,7 @@
                 [noDataText]="'trash.no-data.title' | translate"
                 [noMatchText]="'trash.no-match.title' | translate"
                 [selectionEnabled]="true"
+                [tableColumnConfigs]="tableColumnConfigs"
                 [tableItemClasses]="{ disabled: disabledFn }"
                 noDataIcon="red:template"
             ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
index e81873d9d..99891428b 100644
--- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
@@ -37,6 +37,7 @@
                     [itemSize]="80"
                     [noMatchText]="'user-listing.no-match.title' | translate"
                     [selectionEnabled]="true"
+                    [tableColumnConfigs]="tableColumnConfigs"
                     emptyColumnWidth="1fr"
                 ></iqser-table>
             </div>
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/deleted-documents/edit-dossier-deleted-documents.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/deleted-documents/edit-dossier-deleted-documents.component.html
index 3c4108bcc..7319b9040 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/deleted-documents/edit-dossier-deleted-documents.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/deleted-documents/edit-dossier-deleted-documents.component.html
@@ -4,6 +4,7 @@
     [itemSize]="50"
     [noDataText]="'edit-dossier-dialog.deleted-documents.no-data.title' | translate"
     [selectionEnabled]="true"
+    [tableColumnConfigs]="tableColumnConfigs"
     [tableItemClasses]="{ disabled: disabledFn }"
     noDataIcon="iqser:document"
 ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.html
index 1010b0c02..7074f226c 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.html
@@ -23,6 +23,7 @@
                     [noMatchText]="'dossier-overview.no-match.title' | translate"
                     [selectionEnabled]="true"
                     [showNoDataButton]="true"
+                    [tableColumnConfigs]="tableColumnConfigs"
                     [tableItemClasses]="{ disabled: disabledFn, 'last-opened': lastOpenedFn }"
                     helpModeKey="document-list"
                 ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.ts
index 147dba9b7..bf8865bdd 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview/screen/dossier-overview-screen.component.ts
@@ -17,7 +17,7 @@ import { FileUploadService } from '@upload-download/services/file-upload.service
 import { StatusOverlayService } from '@upload-download/services/status-overlay.service';
 import * as moment from 'moment';
 import { Observable, timer } from 'rxjs';
-import { filter, switchMap, tap } from 'rxjs/operators';
+import { filter, skip, switchMap, tap } from 'rxjs/operators';
 import { convertFiles, Files, handleFileDrop } from '@utils/index';
 import {
     CircleButtonTypes,
@@ -73,6 +73,7 @@ export class DossierOverviewScreenComponent extends ListingComponent<File> imple
     private readonly _needsWorkFilterTemplate: TemplateRef<unknown>;
     @ViewChild('fileInput', { static: true }) private readonly _fileInput: ElementRef;
     @ViewChild(TableComponent) private readonly _tableComponent: TableComponent<Dossier>;
+    private _fileAttributeConfigs: IFileAttributeConfig[];
 
     constructor(
         protected readonly _injector: Injector,
@@ -99,19 +100,7 @@ export class DossierOverviewScreenComponent extends ListingComponent<File> imple
             .getEntityChanged$(this.dossierId)
             .pipe(tap(dossier => (this.dossierTemplateId = dossier.dossierTemplateId)));
         this.currentDossier = this._dossiersService.find(this.dossierId);
-
-        this.fileAttributeConfigs = this._fileAttributesService.getFileAttributeConfig(
-            this.currentDossier.dossierTemplateId,
-        )?.fileAttributeConfigs;
-        this.tableColumnConfigs = this.configService.tableConfig(this.displayedAttributes);
-    }
-
-    private _fileAttributeConfigs: IFileAttributeConfig[];
-
-    set fileAttributeConfigs(value: IFileAttributeConfig[]) {
-        this._fileAttributeConfigs = value || [];
-        this.displayedInFileListAttributes = this._fileAttributeConfigs.filter(config => config.displayedInFileList);
-        this.displayedAttributes = this.displayedInFileListAttributes.filter(c => c.displayedInFileList);
+        this._updateFileAttributes();
     }
 
     get checkedRequiredFilters(): NestedFilter[] {
@@ -123,6 +112,7 @@ export class DossierOverviewScreenComponent extends ListingComponent<File> imple
     }
 
     disabledFn = (file: File) => file.excluded;
+
     lastOpenedFn = (file: File) => this._userPreferenceService.getLastOpenedFileForDossier(file.dossierId) === file.id;
 
     async ngOnInit(): Promise<void> {
@@ -150,11 +140,15 @@ export class DossierOverviewScreenComponent extends ListingComponent<File> imple
             this._computeAllFilters();
         });
 
-        this.addSubscription = this._dossierTemplatesService.entityChanged$.subscribe(() => {
-            this.fileAttributeConfigs = this._fileAttributesService.getFileAttributeConfig(
-                this.currentDossier.dossierTemplateId,
-            )?.fileAttributeConfigs;
-        });
+        this.addSubscription = this._dossierTemplatesService
+            .getEntityChanged$(this.currentDossier.dossierTemplateId)
+            .pipe(
+                skip(1),
+                tap(() => {
+                    this._updateFileAttributes();
+                }),
+            )
+            .subscribe();
 
         try {
             this.dossierAttributes = await this._dossierAttributesService.getWithValues(this.currentDossier);
@@ -170,14 +164,12 @@ export class DossierOverviewScreenComponent extends ListingComponent<File> imple
         super.ngOnDestroy();
     }
 
-    async ngOnAttach() {
-        await this.ngOnInit();
+    ngOnAttach() {
+        this._fileDropOverlayService.initFileDropHandling(this.dossierId);
         this._tableComponent?.scrollToLastIndex();
     }
 
-    ngOnDetach() {
-        this.ngOnDestroy();
-    }
+    ngOnDetach() {}
 
     forceReanalysisAction($event: LongPressEvent) {
         this.analysisForced = !$event.touchEnd && this._userPreferenceService.areDevFeaturesEnabled;
@@ -203,6 +195,15 @@ export class DossierOverviewScreenComponent extends ListingComponent<File> imple
     recentlyModifiedChecker = (file: File) =>
         moment(file.lastUpdated).add(this._appConfigService.values.RECENT_PERIOD_IN_HOURS, 'hours').isAfter(moment());
 
+    private _updateFileAttributes(): void {
+        this._fileAttributeConfigs =
+            this._fileAttributesService.getFileAttributeConfig(this.currentDossier.dossierTemplateId)?.fileAttributeConfigs || [];
+        this.displayedInFileListAttributes = this._fileAttributeConfigs.filter(config => config.displayedInFileList);
+        this.displayedAttributes = this.displayedInFileListAttributes.filter(c => c.displayedInFileList);
+        this.tableColumnConfigs = this.configService.tableConfig(this.displayedAttributes);
+        this._computeAllFilters();
+    }
+
     private async _reloadFiles() {
         await this._filesService.loadAll(this.dossierId).toPromise();
         this._computeAllFilters();
diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/screen/dossiers-listing-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/screen/dossiers-listing-screen.component.html
index 16f8d9509..a0cd34fa2 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/screen/dossiers-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/screen/dossiers-listing-screen.component.html
@@ -13,6 +13,7 @@
                 [noDataText]="'dossier-listing.no-data.title' | translate"
                 [noMatchText]="'dossier-listing.no-match.title' | translate"
                 [showNoDataButton]="currentUser.isManager"
+                [tableColumnConfigs]="tableColumnConfigs"
                 helpModeKey="dossier-list"
                 noDataIcon="red:folder"
             ></iqser-table>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/services/document-info.service.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/services/document-info.service.ts
index 94b0625fd..156fcd7c6 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/services/document-info.service.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/services/document-info.service.ts
@@ -27,9 +27,9 @@ export class DocumentInfoService {
 
     fileAttributes$(fileId: string, dossierId: string, dossierTemplateId: string) {
         const getAttributes = () => this._fileAttributesService.getFileAttributeConfig(dossierTemplateId).fileAttributeConfigs;
-        const dossierTemplateChange$ = this._dossierTemplatesService.entityChanged$.pipe(
-            filter(template => template.dossierTemplateId === dossierTemplateId),
-        );
+        const dossierTemplateChange$ = this._dossierTemplatesService
+            .getEntityChanged$(dossierTemplateId)
+            .pipe(filter(template => template.dossierTemplateId === dossierTemplateId));
         const fileChange$ = this._filesMapService.watch$(dossierId, fileId);
         return merge(dossierTemplateChange$, fileChange$).pipe(
             map(getAttributes),
diff --git a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
index 76b7bdbbf..16bf74fde 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
@@ -16,6 +16,7 @@
                 [itemSize]="85"
                 [noDataText]="'search-screen.no-data' | translate"
                 [noMatchText]="'search-screen.no-match' | translate"
+                [tableColumnConfigs]="tableColumnConfigs"
                 noDataIcon="iqser:search"
             ></iqser-table>
         </div>
diff --git a/libs/common-ui b/libs/common-ui
index c3244477c..e0de29cb6 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit c3244477c0479dd174fa7d17c2a7e3621f26bd6d
+Subproject commit e0de29cb68bc171b2737f613eafb162a43ca32ca

From af293b1aed6caef571598153f8044de65beb0aeb Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Tue, 14 Dec 2021 14:36:46 +0200
Subject: [PATCH 10/19] update common ui

---
 libs/common-ui | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/common-ui b/libs/common-ui
index e0de29cb6..6bd54f11a 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit e0de29cb68bc171b2737f613eafb162a43ca32ca
+Subproject commit 6bd54f11ab7a6cdfec3edddbef2af3d3c437066a

From eac1d9f2a8fd8fad12e91e3d8aea14e14752d5d2 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 09:25:14 +0200
Subject: [PATCH 11/19] Legal basis port

---
 .../src/app/models/file/annotation.wrapper.ts      |  2 ++
 .../app/models/file/redaction-log-entry.wrapper.ts |  1 +
 .../change-legal-basis-dialog.component.html       | 10 ++++++++++
 .../change-legal-basis-dialog.component.ts         | 14 +++++++++++++-
 .../document-info/document-info.component.html     |  1 +
 .../document-info/document-info.component.ts       |  2 ++
 .../red-ui/src/app/services/permissions.service.ts |  6 +++++-
 apps/red-ui/src/app/utils/functions.ts             |  2 +-
 apps/red-ui/src/assets/i18n/en.json                |  2 ++
 libs/red-domain/src/lib/files/file.model.ts        |  2 +-
 .../src/lib/redaction-log/redaction-log-entry.ts   |  1 +
 11 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/apps/red-ui/src/app/models/file/annotation.wrapper.ts b/apps/red-ui/src/app/models/file/annotation.wrapper.ts
index b7994d106..a7dde41e1 100644
--- a/apps/red-ui/src/app/models/file/annotation.wrapper.ts
+++ b/apps/red-ui/src/app/models/file/annotation.wrapper.ts
@@ -42,6 +42,8 @@ export class AnnotationWrapper {
     legalBasisValue: string;
     legalBasisChangeValue?: string;
     resizing?: boolean;
+    rectangle?: boolean;
+    section?: string;
 
     manual?: boolean;
 
diff --git a/apps/red-ui/src/app/models/file/redaction-log-entry.wrapper.ts b/apps/red-ui/src/app/models/file/redaction-log-entry.wrapper.ts
index 72a70f608..9dc800a87 100644
--- a/apps/red-ui/src/app/models/file/redaction-log-entry.wrapper.ts
+++ b/apps/red-ui/src/app/models/file/redaction-log-entry.wrapper.ts
@@ -10,6 +10,7 @@ export interface RedactionLogEntryWrapper {
     reference?: Array<string>;
     startOffset?: number;
     type?: string;
+    rectangle?: boolean;
 
     color?: Array<number>;
     dictionaryEntry?: boolean;
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html
index 690ff3b32..97a07755e 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html
@@ -21,6 +21,16 @@
                 <input [value]="form.get('reason').value?.legalBasis" disabled type="text" />
             </div>
 
+            <div class="iqser-input-group w-400">
+                <label translate="change-legal-basis-dialog.content.section"></label>
+                <input formControlName="section" name="section" type="text" />
+            </div>
+
+            <div class="iqser-input-group w-400" *ngIf="this.allRectangles">
+                <label translate="change-legal-basis-dialog.content.classification"></label>
+                <input formControlName="classification" name="classification" type="text" />
+            </div>
+
             <div [class.required]="!isDocumentAdmin" class="iqser-input-group w-300">
                 <label translate="change-legal-basis-dialog.content.comment"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.ts b/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.ts
index c48c4fafc..16f9f5e8f 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.ts
@@ -31,7 +31,15 @@ export class ChangeLegalBasisDialogComponent implements OnInit {
     ) {}
 
     get changed(): boolean {
-        return this.form.get('reason').value.legalBasis !== this._data.annotations[0].legalBasis;
+        return (
+            this.form.get('reason').value.legalBasis !== this._data.annotations[0].legalBasis ||
+            this.form.get('section').value !== this._data.annotations[0].section ||
+            this.form.get('classification').value !== this._data.annotations[0].value
+        );
+    }
+
+    get allRectangles(): boolean {
+        return this._data.annotations.reduce((acc, a) => acc && a.rectangle, true);
     }
 
     async ngOnInit() {
@@ -55,13 +63,17 @@ export class ChangeLegalBasisDialogComponent implements OnInit {
         return this._formBuilder.group({
             reason: [null, Validators.required],
             comment: this.isDocumentAdmin ? [null] : [null, Validators.required],
+            classification: [this.allRectangles ? this._data.annotations[0].value : null],
+            section: [this._data.annotations[0].section],
         });
     }
 
     save() {
         this.dialogRef.close({
             legalBasis: this.form.get('reason').value.legalBasis,
+            section: this.form.get('section').value,
             comment: this.form.get('comment').value,
+            value: this.form.get('classification').value,
         });
     }
 }
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html
index f5f1120fe..d4b4d65fd 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html
@@ -2,6 +2,7 @@
     <div>
         <iqser-circle-button
             (action)="edit()"
+            *ngIf="permissionsService.canEditFileAttributes(file)"
             [tooltip]="'file-preview.tabs.document-info.edit' | translate"
             icon="iqser:edit"
             tooltipPosition="before"
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.ts
index 5f8ba1fde..16d2e1f4d 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.ts
@@ -5,6 +5,7 @@ import { AutoUnsubscribe } from '@iqser/common-ui';
 import { DossierTemplatesService } from '@services/entity-services/dossier-templates.service';
 import { DocumentInfoService } from '../../services/document-info.service';
 import { Observable } from 'rxjs';
+import { PermissionsService } from '../../../../../../services/permissions.service';
 
 @Component({
     selector: 'redaction-document-info [file] [dossier]',
@@ -22,6 +23,7 @@ export class DocumentInfoComponent extends AutoUnsubscribe implements OnInit {
     constructor(
         private readonly _dossierTemplatesService: DossierTemplatesService,
         private readonly _dialogService: DossiersDialogService,
+        readonly permissionsService: PermissionsService,
         readonly documentInfoService: DocumentInfoService,
     ) {
         super();
diff --git a/apps/red-ui/src/app/services/permissions.service.ts b/apps/red-ui/src/app/services/permissions.service.ts
index e575e9297..3015b5ced 100644
--- a/apps/red-ui/src/app/services/permissions.service.ts
+++ b/apps/red-ui/src/app/services/permissions.service.ts
@@ -18,8 +18,12 @@ export class PermissionsService {
         return this.isApprover(dossier);
     }
 
+    canEditFileAttributes(file: File): boolean {
+        return this.isFileAssignee(file) && (file.isNew || file.isUnderReview || file.isUnderApproval);
+    }
+
     canToggleAnalysis(file: File): boolean {
-        return this.isReviewerOrApprover(file) && (file.isNew || file.isUnderReview || file.isUnderApproval);
+        return this.isFileAssignee(file) && (file.isNew || file.isUnderReview || file.isUnderApproval);
     }
 
     canReanalyseFile(file: File | File[]): boolean {
diff --git a/apps/red-ui/src/app/utils/functions.ts b/apps/red-ui/src/app/utils/functions.ts
index 9eab788bf..80d4222b5 100644
--- a/apps/red-ui/src/app/utils/functions.ts
+++ b/apps/red-ui/src/app/utils/functions.ts
@@ -41,7 +41,7 @@ export function getFirstRelevantTextPart(text, direction: 'FORWARD' | 'BACKWARD'
 
         accumulator += char;
 
-        return spaceCount >= 2;
+        return spaceCount >= 3;
     };
 
     if (direction === 'FORWARD') {
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index ce5e8969d..e7fbced47 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -359,6 +359,8 @@
       "comment": "Comment",
       "legalBasis": "Legal Basis",
       "reason": "Select redaction reason",
+      "section": "Paragraph / Location",
+      "classification": "Value / Classification",
       "reason-placeholder": "Select a reason..."
     },
     "header": "Edit Redaction Reason"
diff --git a/libs/red-domain/src/lib/files/file.model.ts b/libs/red-domain/src/lib/files/file.model.ts
index 4e839dace..81148059e 100644
--- a/libs/red-domain/src/lib/files/file.model.ts
+++ b/libs/red-domain/src/lib/files/file.model.ts
@@ -104,7 +104,7 @@ export class File extends Entity<IFile> implements IFile {
         this.isNew = this.workflowStatus === WorkflowFileStatuses.NEW;
         this.isUnderReview = this.workflowStatus === WorkflowFileStatuses.UNDER_REVIEW;
         this.isUnderApproval = this.workflowStatus === WorkflowFileStatuses.UNDER_APPROVAL;
-        this.canBeApproved = !this.analysisRequired && !this.hasSuggestions;
+        this.canBeApproved = !this.analysisRequired && !this.hasSuggestions && !this.isProcessing && !this.isError;
         this.canBeOpened = !this.isError && !this.isPending && this.numberOfAnalyses > 0;
         this.canBeOCRed = !this.excluded && !this.lastOCRTime && (this.isNew || this.isUnderReview || this.isUnderApproval);
 
diff --git a/libs/red-domain/src/lib/redaction-log/redaction-log-entry.ts b/libs/red-domain/src/lib/redaction-log/redaction-log-entry.ts
index 209fc808f..c2577442e 100644
--- a/libs/red-domain/src/lib/redaction-log/redaction-log-entry.ts
+++ b/libs/red-domain/src/lib/redaction-log/redaction-log-entry.ts
@@ -14,6 +14,7 @@ export interface IRedactionLogEntry {
     engines?: List<LogEntryEngine>;
     excluded?: boolean;
     hint?: boolean;
+    rectangle?: boolean;
     id?: string;
     image?: boolean;
     imageHasTransparency?: boolean;

From 82f7864a0a384bd5b9900c072c56fdbcd29a4112 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 21:03:50 +0200
Subject: [PATCH 12/19] rectangle/value/section for 3.x

---
 .../file/manual-redaction-entry.wrapper.ts    |  1 -
 .../manual-annotation-dialog.component.html   | 50 +++++++++++--------
 .../manual-annotation-dialog.component.ts     | 23 ++++++---
 .../pdf-viewer/pdf-viewer.component.ts        |  9 ++--
 .../services/annotation-actions.service.ts    | 11 +++-
 .../services/manual-annotation.service.ts     |  4 +-
 .../redaction-log/add-redaction.request.ts    |  2 +
 .../redaction-log/manual-redaction-entry.ts   |  1 +
 8 files changed, 63 insertions(+), 38 deletions(-)

diff --git a/apps/red-ui/src/app/models/file/manual-redaction-entry.wrapper.ts b/apps/red-ui/src/app/models/file/manual-redaction-entry.wrapper.ts
index 79504dea3..345b7c4e4 100644
--- a/apps/red-ui/src/app/models/file/manual-redaction-entry.wrapper.ts
+++ b/apps/red-ui/src/app/models/file/manual-redaction-entry.wrapper.ts
@@ -13,7 +13,6 @@ export class ManualRedactionEntryWrapper {
         readonly quads: any,
         readonly manualRedactionEntry: IManualRedactionEntry,
         readonly type: ManualRedactionEntryType,
-        readonly annotationType: 'TEXT' | 'RECTANGLE' = 'TEXT',
         readonly rectId?: string,
     ) {}
 }
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
index 1788ae51a..46db18d59 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
@@ -3,19 +3,37 @@
         <div [translate]="title" class="dialog-header heading-l"></div>
 
         <div class="dialog-content">
-            <ng-container *ngIf="data.manualRedactionEntryWrapper.annotationType === 'TEXT'">
+            <ng-container *ngIf="!data.manualRedactionEntryWrapper.manualRedactionEntry.rectangle">
                 <div class="iqser-input-group">
                     <label translate="manual-annotation.dialog.content.text"></label>
                 </div>
                 {{ format(data.manualRedactionEntryWrapper.manualRedactionEntry.value) }}
             </ng-container>
 
-            <ng-container *ngIf="data.manualRedactionEntryWrapper.annotationType === 'RECTANGLE'">
+            <ng-container *ngIf="data.manualRedactionEntryWrapper.manualRedactionEntry.rectangle">
                 <div class="iqser-input-group">
                     <label translate="manual-annotation.dialog.content.rectangle"></label>
                 </div>
             </ng-container>
 
+            <div *ngIf="!isFalsePositiveRequest && isDictionaryRequest" class="iqser-input-group required w-400">
+                <label translate="manual-annotation.dialog.content.dictionary"></label>
+
+                <mat-select formControlName="dictionary">
+                    <mat-select-trigger>{{ displayedDictionaryLabel }}</mat-select-trigger>
+                    <mat-option
+                        *ngFor="let dictionary of possibleDictionaries"
+                        [matTooltip]="dictionary.description"
+                        [value]="dictionary.type"
+                        matTooltipPosition="after"
+                    >
+                        <span>
+                            {{ dictionary.label }}
+                        </span>
+                    </mat-option>
+                </mat-select>
+            </div>
+
             <div *ngIf="!isDictionaryRequest" class="iqser-input-group required w-400">
                 <label translate="manual-annotation.dialog.content.reason"></label>
                 <mat-select
@@ -39,27 +57,19 @@
                 <input [value]="redactionForm.get('reason').value?.legalBasis" disabled type="text" />
             </div>
 
-            <div [class.required]="!isDocumentAdmin" class="iqser-input-group w-300">
-                <label translate="manual-annotation.dialog.content.comment"></label>
-                <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
+            <div *ngIf="data.manualRedactionEntryWrapper.manualRedactionEntry.rectangle" class="iqser-input-group w-400">
+                <label translate="manual-annotation.dialog.content.section"></label>
+                <input formControlName="section" name="section" type="text" />
             </div>
 
-            <div *ngIf="isDictionaryRequest && !isFalsePositiveRequest" class="iqser-input-group required w-300">
-                <label translate="manual-annotation.dialog.content.dictionary"></label>
+            <div *ngIf="data.manualRedactionEntryWrapper.manualRedactionEntry.rectangle" class="iqser-input-group w-400">
+                <label translate="manual-annotation.dialog.content.classification"></label>
+                <input formControlName="classification" name="classification" type="text" />
+            </div>
 
-                <mat-select formControlName="dictionary">
-                    <mat-select-trigger>{{ displayedDictionaryLabel }}</mat-select-trigger>
-                    <mat-option
-                        *ngFor="let dictionary of redactionDictionaries"
-                        [matTooltip]="dictionary.description"
-                        [value]="dictionary.type"
-                        matTooltipPosition="after"
-                    >
-                        <span>
-                            {{ dictionary.label }}
-                        </span>
-                    </mat-option>
-                </mat-select>
+            <div [class.required]="!isDocumentAdmin" class="iqser-input-group w-300">
+                <label translate="manual-annotation.dialog.content.comment"></label>
+                <textarea formControlName="comment" name="comment" redactionHasScrollbar rows="4" type="text"></textarea>
             </div>
         </div>
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.ts b/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.ts
index 55ce35c2b..710b4fc6b 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.ts
@@ -28,7 +28,7 @@ export class ManualAnnotationDialogComponent implements OnInit {
     isDictionaryRequest: boolean;
     isFalsePositiveRequest: boolean;
 
-    redactionDictionaries: Dictionary[] = [];
+    possibleDictionaries: Dictionary[] = [];
     legalOptions: LegalBasisOption[] = [];
 
     private readonly _dossier: Dossier;
@@ -51,7 +51,7 @@ export class ManualAnnotationDialogComponent implements OnInit {
 
         this.redactionForm = this._getForm();
 
-        this.redactionDictionaries = this._redactionDictionaries;
+        this.possibleDictionaries = this._possibleDictionaries;
     }
 
     get title() {
@@ -61,24 +61,25 @@ export class ManualAnnotationDialogComponent implements OnInit {
     get displayedDictionaryLabel() {
         const dictType = this.redactionForm.get('dictionary').value;
         if (dictType) {
-            return this.redactionDictionaries.find(d => d.type === dictType).label;
+            return this.possibleDictionaries.find(d => d.type === dictType).label;
         }
         return null;
     }
 
-    private get _redactionDictionaries(): Dictionary[] {
-        const redactionDictionaries: Dictionary[] = [];
+    private get _possibleDictionaries(): Dictionary[] {
+        const possibleDictionaries: Dictionary[] = [];
         const dossier = this._dossier;
 
         for (const key of Object.keys(this._appStateService.dictionaryData[dossier.dossierTemplateId])) {
             const dictionaryData = this._appStateService.getDictionary(key, dossier.dossierTemplateId);
             if (!dictionaryData.virtual && dictionaryData.addToDictionaryAction) {
-                redactionDictionaries.push(dictionaryData);
+                possibleDictionaries.push(dictionaryData);
             }
         }
-        redactionDictionaries.sort((a, b) => a.label.localeCompare(b.label));
 
-        return redactionDictionaries;
+        possibleDictionaries.sort((a, b) => a.label.localeCompare(b.label));
+
+        return possibleDictionaries;
     }
 
     async ngOnInit() {
@@ -111,11 +112,13 @@ export class ManualAnnotationDialogComponent implements OnInit {
 
     private _getForm(): FormGroup {
         return this._formBuilder.group({
+            section: [null],
             reason: this.isDictionaryRequest ? [null] : [null, Validators.required],
             dictionary: this.isDictionaryRequest
                 ? [this.isFalsePositiveRequest ? 'false_positive' : null, Validators.required]
                 : ['manual', Validators.required],
             comment: this.isDocumentAdmin ? [null] : [null, Validators.required],
+            classification: ['non-readable content'],
         });
     }
 
@@ -133,5 +136,9 @@ export class ManualAnnotationDialogComponent implements OnInit {
         }
         const commentValue = this.redactionForm.get('comment').value;
         addRedactionRequest.comment = commentValue ? { text: commentValue } : null;
+        addRedactionRequest.section = this.redactionForm.get('section').value;
+        addRedactionRequest.value = addRedactionRequest.rectangle
+            ? this.redactionForm.get('classification').value
+            : addRedactionRequest.value;
     }
 }
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts
index b25e6535a..7db374e3b 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts
@@ -495,12 +495,10 @@ export class PdfViewerComponent implements OnInit, OnChanges {
         const activeAnnotation = this.annotationManager.getSelectedAnnotations()[0];
         const activePage = activeAnnotation.getPageNumber();
         const quads = [this._annotationDrawService.annotationToQuads(activeAnnotation, this.instance)];
-        const manualRedaction = this._getManualRedaction({ [activePage]: quads }, 'Rectangle');
+        const manualRedaction = this._getManualRedaction({ [activePage]: quads });
         this._cleanUpSelectionAndButtonState();
 
-        this.manualAnnotationRequested.emit(
-            new ManualRedactionEntryWrapper(quads, manualRedaction, 'REDACTION', 'RECTANGLE', activeAnnotation.Id),
-        );
+        this.manualAnnotationRequested.emit(new ManualRedactionEntryWrapper(quads, manualRedaction, 'REDACTION', activeAnnotation.Id));
     }
 
     private _cleanUpSelectionAndButtonState() {
@@ -619,7 +617,7 @@ export class PdfViewerComponent implements OnInit, OnChanges {
 
     private _getManualRedaction(
         quads: Readonly<Record<string, Core.Math.Quad[]>>,
-        text: string,
+        text?: string,
         convertQuads = false,
     ): IManualRedactionEntry {
         const entry: IManualRedactionEntry = { positions: [] };
@@ -633,6 +631,7 @@ export class PdfViewerComponent implements OnInit, OnChanges {
         }
 
         entry.value = text;
+        entry.rectangle = !text;
         return entry;
     }
 
diff --git a/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts b/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts
index 816c7f418..d9b5c3945 100644
--- a/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts
+++ b/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts
@@ -88,10 +88,17 @@ export class AnnotationActionsService {
             'changeLegalBasis',
             $event,
             { annotations, dossier: this._dossier(file) },
-            (data: { comment: string; legalBasis: string }) => {
+            (data: { comment: string; legalBasis: string; section: string; value: string }) => {
                 annotations.forEach(annotation => {
                     this._processObsAndEmit(
-                        this._manualAnnotationService.changeLegalBasis(annotation.annotationId, file, data.legalBasis, data.comment),
+                        this._manualAnnotationService.changeLegalBasis(
+                            annotation.annotationId,
+                            file,
+                            data.section,
+                            data.value,
+                            data.legalBasis,
+                            data.comment,
+                        ),
                         annotation,
                         annotationsChanged,
                     );
diff --git a/apps/red-ui/src/app/modules/dossier/services/manual-annotation.service.ts b/apps/red-ui/src/app/modules/dossier/services/manual-annotation.service.ts
index aa9c72a1f..e633cfb30 100644
--- a/apps/red-ui/src/app/modules/dossier/services/manual-annotation.service.ts
+++ b/apps/red-ui/src/app/modules/dossier/services/manual-annotation.service.ts
@@ -102,11 +102,11 @@ export class ManualAnnotationService extends GenericService<IManualAddResponse>
     }
 
     // /manualRedaction/request/legalBasis
-    changeLegalBasis(annotationId: string, file: File, legalBasis: string, comment?: string) {
+    changeLegalBasis(annotationId: string, file: File, section: string, value: string, legalBasis: string, comment?: string) {
         const mode: AnnotationActionMode = this._permissionsService.isApprover(this._dossier(file))
             ? 'change-legal-basis'
             : 'request-change-legal-basis';
-        return this._makeRequest(mode, file, { annotationId, legalBasis, comment });
+        return this._makeRequest(mode, file, { annotationId, legalBasis, comment, section, value });
     }
 
     // this wraps
diff --git a/libs/red-domain/src/lib/redaction-log/add-redaction.request.ts b/libs/red-domain/src/lib/redaction-log/add-redaction.request.ts
index ca567f0e8..40040a583 100644
--- a/libs/red-domain/src/lib/redaction-log/add-redaction.request.ts
+++ b/libs/red-domain/src/lib/redaction-log/add-redaction.request.ts
@@ -10,4 +10,6 @@ export interface IAddRedactionRequest {
     reason?: string;
     type?: string;
     value?: string;
+    section?: string;
+    rectangle?: boolean;
 }
diff --git a/libs/red-domain/src/lib/redaction-log/manual-redaction-entry.ts b/libs/red-domain/src/lib/redaction-log/manual-redaction-entry.ts
index 45ae9f6c1..a8a9abf9d 100644
--- a/libs/red-domain/src/lib/redaction-log/manual-redaction-entry.ts
+++ b/libs/red-domain/src/lib/redaction-log/manual-redaction-entry.ts
@@ -16,4 +16,5 @@ export interface IManualRedactionEntry {
     type?: string;
     user?: string;
     value?: string;
+    rectangle?: boolean;
 }

From 8e815d2e10fae204815c63f00d4c55a82863e8eb Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 21:15:08 +0200
Subject: [PATCH 13/19] edit value/section for UI - backend still not working

---
 apps/red-ui/src/app/models/file/annotation.wrapper.ts           | 2 ++
 .../components/pdf-viewer/pdf-viewer.component.ts               | 2 +-
 apps/red-ui/src/assets/i18n/en.json                             | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/red-ui/src/app/models/file/annotation.wrapper.ts b/apps/red-ui/src/app/models/file/annotation.wrapper.ts
index a7dde41e1..7c2876e8f 100644
--- a/apps/red-ui/src/app/models/file/annotation.wrapper.ts
+++ b/apps/red-ui/src/app/models/file/annotation.wrapper.ts
@@ -219,6 +219,8 @@ export class AnnotationWrapper {
         annotationWrapper.comments = redactionLogEntry.comments || [];
         annotationWrapper.manual = redactionLogEntry.manual;
         annotationWrapper.engines = redactionLogEntry.engines;
+        annotationWrapper.section = redactionLogEntry.section;
+        annotationWrapper.rectangle = redactionLogEntry.rectangle;
 
         this._createContent(annotationWrapper, redactionLogEntry);
         this._setSuperType(annotationWrapper, redactionLogEntry);
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts
index 7db374e3b..daa248d77 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts
@@ -240,7 +240,7 @@ export class PdfViewerComponent implements OnInit, OnChanges {
             // this will auto select rectangle after drawing
             if (annotations.length === 1 && annotations[0].ToolName === 'AnnotationCreateRectangle') {
                 this.annotationManager.selectAnnotations(annotations);
-                annotations[0].enableRotationControl();
+                annotations[0].disableRotationControl();
             }
         });
 
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index e7fbced47..75eb97847 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -1260,6 +1260,8 @@
         "dictionary": "Dictionary",
         "legalBasis": "Legal Basis",
         "reason": "Reason",
+        "section": "Paragraph / Location",
+        "classification": "Value / Classification",
         "reason-placeholder": "Select a reason ...",
         "rectangle": "Custom Rectangle",
         "text": "Selected text:"

From da201b543a1e2e95696ad8bd9ce723d896405661 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 21:41:53 +0200
Subject: [PATCH 14/19] Search Screen port

---
 .../screens/search-screen/search-screen.component.html        | 4 ++++
 .../dossier/screens/search-screen/search-screen.component.ts  | 2 ++
 apps/red-ui/src/assets/i18n/en.json                           | 1 +
 libs/red-domain/src/lib/search/search-list-item.ts            | 1 +
 4 files changed, 8 insertions(+)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
index 16bf74fde..5c44f4aca 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
@@ -56,6 +56,10 @@
             </div>
         </div>
 
+        <div class="cell">
+            <redaction-initials-avatar [user]="item.assignee" [withName]="true"></redaction-initials-avatar>
+        </div>
+
         <div class="cell">
             <iqser-status-bar
                 [configs]="[
diff --git a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.ts
index 17ed6ba82..71a3b1244 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.ts
@@ -35,6 +35,7 @@ export class SearchScreenComponent extends ListingComponent<ISearchListItem> imp
     readonly tableHeaderLabel = _('search-screen.table-header');
     readonly tableColumnConfigs: TableColumnConfig<ISearchListItem>[] = [
         { label: _('search-screen.cols.document'), width: '2fr' },
+        { label: _('search-screen.cols.assignee') },
         { label: _('search-screen.cols.status') },
         { label: _('search-screen.cols.dossier') },
         { label: _('search-screen.cols.pages'), width: 'auto' },
@@ -134,6 +135,7 @@ export class SearchScreenComponent extends ListingComponent<ISearchListItem> imp
             unmatched: unmatchedTerms || null,
             highlights,
             status: file.workflowStatus,
+            assignee: file.assignee,
             numberOfPages: file.numberOfPages,
             dossierName: this._dossiersService.find(dossierId).dossierName,
             filename: file.filename,
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index 75eb97847..aeec13bf8 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -1492,6 +1492,7 @@
     "cols": {
       "document": "Document",
       "dossier": "Dossier",
+      "assignee": "Assignee",
       "pages": "Pages",
       "status": "Status"
     },
diff --git a/libs/red-domain/src/lib/search/search-list-item.ts b/libs/red-domain/src/lib/search/search-list-item.ts
index c1b2b700b..1b5006a56 100644
--- a/libs/red-domain/src/lib/search/search-list-item.ts
+++ b/libs/red-domain/src/lib/search/search-list-item.ts
@@ -3,6 +3,7 @@ import { IListable, List } from '@iqser/common-ui';
 export interface ISearchListItem extends IListable {
     readonly dossierId: string;
     readonly filename: string;
+    readonly assignee: string;
     readonly unmatched: List | null;
     readonly highlights: Record<string, List>;
     readonly routerLink: string;

From 7a9b98f9282535939d1984f97fa6f6906a570209 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 22:09:47 +0200
Subject: [PATCH 15/19] Fixed User Preference and title service KC logout issue

---
 apps/red-ui/src/app/services/config.service.ts         |  1 +
 .../src/app/services/general-settings.service.ts       |  3 +--
 .../red-ui/src/app/services/user-preference.service.ts |  1 +
 apps/red-ui/src/app/utils/configuration.initializer.ts | 10 ++++++----
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/apps/red-ui/src/app/services/config.service.ts b/apps/red-ui/src/app/services/config.service.ts
index c50b4c3b9..d22af1396 100644
--- a/apps/red-ui/src/app/services/config.service.ts
+++ b/apps/red-ui/src/app/services/config.service.ts
@@ -48,6 +48,7 @@ export class ConfigService {
     }
 
     updateDisplayName(name: string): void {
+        console.log('got name', name);
         this._values = { ...this._values, APP_NAME: name } as const;
         this._titleService.setTitle(this._values.APP_NAME || 'RedactManager');
     }
diff --git a/apps/red-ui/src/app/services/general-settings.service.ts b/apps/red-ui/src/app/services/general-settings.service.ts
index 9eae86e67..10353d8c2 100644
--- a/apps/red-ui/src/app/services/general-settings.service.ts
+++ b/apps/red-ui/src/app/services/general-settings.service.ts
@@ -2,7 +2,6 @@ import { Injectable, Injector } from '@angular/core';
 import { GenericService, RequiredParam, Validate } from '@iqser/common-ui';
 import { IGeneralConfiguration } from '@red/domain';
 import { UserService } from '@services/user.service';
-import { of } from 'rxjs';
 
 @Injectable({
     providedIn: 'root',
@@ -13,7 +12,7 @@ export class GeneralSettingsService extends GenericService<IGeneralConfiguration
     }
 
     getGeneralConfigurations() {
-        return this._userService.currentUser?.hasAnyREDRoles ? this._getOne(['general']) : of({ displayName: 'RedactManager' });
+        return this._getOne(['general']);
     }
 
     @Validate()
diff --git a/apps/red-ui/src/app/services/user-preference.service.ts b/apps/red-ui/src/app/services/user-preference.service.ts
index e2ac56f9e..3cad19c8b 100644
--- a/apps/red-ui/src/app/services/user-preference.service.ts
+++ b/apps/red-ui/src/app/services/user-preference.service.ts
@@ -69,6 +69,7 @@ export class UserPreferenceService extends GenericService<UserAttributes> {
     }
 
     reload(): void {
+        console.log('here');
         this.getAll<UserAttributes>()
             .toPromise()
             .then(attributes => {
diff --git a/apps/red-ui/src/app/utils/configuration.initializer.ts b/apps/red-ui/src/app/utils/configuration.initializer.ts
index 228994ec0..7350337e9 100644
--- a/apps/red-ui/src/app/utils/configuration.initializer.ts
+++ b/apps/red-ui/src/app/utils/configuration.initializer.ts
@@ -1,7 +1,7 @@
-import { catchError, filter, mergeMapTo, take, tap } from 'rxjs/operators';
+import { catchError, filter, mergeMapTo, switchMap, take, tap } from 'rxjs/operators';
 import { ConfigService } from '@services/config.service';
 import { Title } from '@angular/platform-browser';
-import { of } from 'rxjs';
+import { from, of, throwError } from 'rxjs';
 import { KeycloakEventType, KeycloakService } from 'keycloak-angular';
 import { GeneralSettingsService } from '@services/general-settings.service';
 import { LanguageService } from '@i18n/language.service';
@@ -19,14 +19,16 @@ export function configurationInitializer(
         keycloakService.keycloakEvents$
             .pipe(
                 filter(event => event.type === KeycloakEventType.OnReady),
+                switchMap(() => from(keycloakService.isLoggedIn())),
+                switchMap(loggedIn => (!loggedIn ? throwError('Not Logged In') : of({}))),
                 mergeMapTo(generalSettingsService.getGeneralConfigurations()),
                 tap(configuration => configService.updateDisplayName(configuration.displayName)),
+                tap(() => userPreferenceService.reload()),
+                tap(() => languageService.chooseAndSetInitialLanguage()),
                 catchError(() => {
                     title.setTitle('RedactManager');
                     return of({});
                 }),
-                tap(() => userPreferenceService.reload()),
-                tap(() => languageService.chooseAndSetInitialLanguage()),
                 take(1),
             )
             .toPromise();

From 0f00cafae3813b6d753bf0b4ed444a6336218319 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 23:07:12 +0200
Subject: [PATCH 16/19] Fixed OCR INC6158219 / RED-2813

---
 angular.json                                               | 3 +++
 .../file-preview-screen/file-preview-screen.component.ts   | 7 +++++--
 .../modules/dossier/services/annotation-actions.service.ts | 2 +-
 .../modules/dossier/services/annotation-draw.service.ts    | 2 +-
 apps/red-ui/src/app/services/config.service.ts             | 1 -
 .../src/app/services/entity-services/files-map.service.ts  | 7 +++++--
 apps/red-ui/src/app/services/user-preference.service.ts    | 1 -
 7 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/angular.json b/angular.json
index 700f0f37e..bef6f9183 100644
--- a/angular.json
+++ b/angular.json
@@ -1,4 +1,7 @@
 {
+  "cli": {
+    "analytics": "4b8eed12-a1e6-4b7a-9ea2-925b27941271"
+  },
   "version": 1,
   "projects": {
     "common-ui": {
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
index 4f1bbc0ae..ec3849327 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
@@ -167,13 +167,16 @@ export class FilePreviewScreenComponent extends AutoUnsubscribe implements OnIni
     }
 
     async updateViewMode(): Promise<void> {
-        const annotations = this._getAnnotations(a => a.getCustomData('redacto-manager'));
+        const ocrAnnotationIds = this.annotationData.allAnnotations.filter(a => a.isOCR).map(a => a.id);
+        const annotations = this._getAnnotations(a => a.getCustomData('redact-manager'));
         const redactions = annotations.filter(a => a.getCustomData('redaction'));
 
         switch (this.viewModeService.viewMode) {
             case 'STANDARD': {
                 this._setAnnotationsColor(redactions, 'annotationColor');
-                const standardEntries = annotations.filter(a => a.getCustomData('changeLogRemoved') === 'false');
+                const standardEntries = annotations
+                    .filter(a => a.getCustomData('changeLogRemoved') === 'false')
+                    .filter(a => !ocrAnnotationIds.includes(a.Id));
                 const nonStandardEntries = annotations.filter(a => a.getCustomData('changeLogRemoved') === 'true');
                 this._show(standardEntries);
                 this._hide(nonStandardEntries);
diff --git a/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts b/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts
index d9b5c3945..87f773043 100644
--- a/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts
+++ b/apps/red-ui/src/app/modules/dossier/services/annotation-actions.service.ts
@@ -390,7 +390,7 @@ export class AnnotationActionsService {
     }
 
     updateHiddenAnnotation(annotations: AnnotationWrapper[], viewerAnnotations: Annotation[], hidden: boolean) {
-        const annotationId = (viewerAnnotations[0] as any).Dx;
+        const annotationId = viewerAnnotations[0].Id;
         const annotationToBeUpdated = annotations.find((a: AnnotationWrapper) => a.annotationId === annotationId);
         annotationToBeUpdated.hidden = hidden;
     }
diff --git a/apps/red-ui/src/app/modules/dossier/services/annotation-draw.service.ts b/apps/red-ui/src/app/modules/dossier/services/annotation-draw.service.ts
index f777317a6..ecdccdbc9 100644
--- a/apps/red-ui/src/app/modules/dossier/services/annotation-draw.service.ts
+++ b/apps/red-ui/src/app/modules/dossier/services/annotation-draw.service.ts
@@ -180,7 +180,7 @@ export class AnnotationDrawService {
             (hideSkipped && annotationWrapper.isSkipped) ||
             annotationWrapper.isOCR ||
             annotationWrapper.hidden;
-        annotation.setCustomData('redacto-manager', 'true');
+        annotation.setCustomData('redact-manager', 'true');
         annotation.setCustomData('redaction', String(annotationWrapper.isRedacted));
         annotation.setCustomData('skipped', String(annotationWrapper.isSkipped));
         annotation.setCustomData('changeLog', String(annotationWrapper.isChangeLogEntry));
diff --git a/apps/red-ui/src/app/services/config.service.ts b/apps/red-ui/src/app/services/config.service.ts
index d22af1396..c50b4c3b9 100644
--- a/apps/red-ui/src/app/services/config.service.ts
+++ b/apps/red-ui/src/app/services/config.service.ts
@@ -48,7 +48,6 @@ export class ConfigService {
     }
 
     updateDisplayName(name: string): void {
-        console.log('got name', name);
         this._values = { ...this._values, APP_NAME: name } as const;
         this._titleService.setTitle(this._values.APP_NAME || 'RedactManager');
     }
diff --git a/apps/red-ui/src/app/services/entity-services/files-map.service.ts b/apps/red-ui/src/app/services/entity-services/files-map.service.ts
index a8f69b6a4..b861090da 100644
--- a/apps/red-ui/src/app/services/entity-services/files-map.service.ts
+++ b/apps/red-ui/src/app/services/entity-services/files-map.service.ts
@@ -70,8 +70,11 @@ export class FilesMapService {
     }
 
     replace(entity: File) {
-        const all = this.get(entity.dossierId).filter(file => file.fileId !== entity.fileId);
-        this.set(entity.dossierId, [...all, entity]);
+        const existingFile = this.get(entity.dossierId).find(file => file.fileId === entity.fileId);
+        if (existingFile.lastUpdated !== entity.lastUpdated) {
+            const all = this.get(entity.dossierId).filter(file => file.fileId !== entity.fileId);
+            this.set(entity.dossierId, [...all, entity]);
+        }
     }
 
     watch$(key: string, entityId: string): Observable<File> {
diff --git a/apps/red-ui/src/app/services/user-preference.service.ts b/apps/red-ui/src/app/services/user-preference.service.ts
index 3cad19c8b..e2ac56f9e 100644
--- a/apps/red-ui/src/app/services/user-preference.service.ts
+++ b/apps/red-ui/src/app/services/user-preference.service.ts
@@ -69,7 +69,6 @@ export class UserPreferenceService extends GenericService<UserAttributes> {
     }
 
     reload(): void {
-        console.log('here');
         this.getAll<UserAttributes>()
             .toPromise()
             .then(attributes => {

From 77859e9216bd6ace5efb6d45ee839dc124d0040c Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 23:15:30 +0200
Subject: [PATCH 17/19] RED-2943

---
 .../components/document-info/document-info.component.html     | 2 +-
 apps/red-ui/src/app/services/permissions.service.ts           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html
index d4b4d65fd..6d6f693e2 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/document-info/document-info.component.html
@@ -2,7 +2,7 @@
     <div>
         <iqser-circle-button
             (action)="edit()"
-            *ngIf="permissionsService.canEditFileAttributes(file)"
+            *ngIf="permissionsService.canEditFileAttributes(dossier, file)"
             [tooltip]="'file-preview.tabs.document-info.edit' | translate"
             icon="iqser:edit"
             tooltipPosition="before"
diff --git a/apps/red-ui/src/app/services/permissions.service.ts b/apps/red-ui/src/app/services/permissions.service.ts
index 3015b5ced..c982c699e 100644
--- a/apps/red-ui/src/app/services/permissions.service.ts
+++ b/apps/red-ui/src/app/services/permissions.service.ts
@@ -18,8 +18,8 @@ export class PermissionsService {
         return this.isApprover(dossier);
     }
 
-    canEditFileAttributes(file: File): boolean {
-        return this.isFileAssignee(file) && (file.isNew || file.isUnderReview || file.isUnderApproval);
+    canEditFileAttributes(dossier: Dossier, file: File): boolean {
+        return ((file.isUnderReview || file.isNew) && this.isDossierMember(dossier)) || (file.isUnderApproval && this.isApprover(dossier));
     }
 
     canToggleAnalysis(file: File): boolean {

From fd47a5075fea71bdaab11cde1046799400c0c98f Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 23:17:26 +0200
Subject: [PATCH 18/19] app module

---
 apps/red-ui/src/app/app.module.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/red-ui/src/app/app.module.ts b/apps/red-ui/src/app/app.module.ts
index 1ae19dd51..a1d31741d 100644
--- a/apps/red-ui/src/app/app.module.ts
+++ b/apps/red-ui/src/app/app.module.ts
@@ -7,7 +7,6 @@ import { HTTP_INTERCEPTORS, HttpClient, HttpClientModule } from '@angular/common
 import { BaseScreenComponent } from '@components/base-screen/base-screen.component';
 import { ApiPathInterceptor } from '@utils/api-path-interceptor';
 import { MissingTranslationHandler, TranslateCompiler, TranslateLoader, TranslateModule } from '@ngx-translate/core';
-import { languageInitializer } from '@i18n/language.initializer';
 import { LanguageService } from '@i18n/language.service';
 import { ToastrModule } from 'ngx-toastr';
 import { ServiceWorkerModule } from '@angular/service-worker';

From 9a478d960a37baf4de181be6c70dc74d5091a423 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo.bejan.ext@iqser.com>
Date: Tue, 14 Dec 2021 23:17:45 +0200
Subject: [PATCH 19/19] lint

---
 libs/common-ui | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/common-ui b/libs/common-ui
index 6bd54f11a..caf4838be 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 6bd54f11ab7a6cdfec3edddbef2af3d3c437066a
+Subproject commit caf4838be63574740e5380c74ad96fe21f7a456b