From 0a3e56747eac2b3c18f60b8c6effe5d7d45380b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 1 Mar 2022 20:41:37 +0200
Subject: [PATCH] Read only indicator

---
 .../edit-dossier-dialog.component.html               |  5 +++++
 .../edit-dossier-dialog.component.scss               | 12 ++++++++++++
 .../edit-dossier-dialog.component.ts                 | 12 +++++++++---
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
index 944a38375..22872775f 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
@@ -17,6 +17,11 @@
                     {{ activeNavItem.title | translate }}
                 </div>
 
+                <div *ngIf="activeNavItem.readonly" class="read-only all-caps-label primary">
+                    <mat-icon class="mr-8" svgIcon="red:read-only"></mat-icon>
+                    {{ 'readonly' | translate }}
+                </div>
+
                 <redaction-edit-dossier-general-info
                     *ngIf="activeNav === 'dossierInfo'"
                     [dossier]="dossier"
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.scss b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.scss
index 82646d198..1e1c0fbaa 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.scss
@@ -41,3 +41,15 @@ redaction-edit-dossier-dictionary {
 .stats-subtitle {
     margin-top: 6px;
 }
+
+.read-only {
+    display: flex;
+    position: absolute;
+    right: 32px;
+    top: 108px;
+
+    mat-icon {
+        height: 14px;
+        width: 14px;
+    }
+}
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 2c2109d1f..2c7340499 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
@@ -20,13 +20,20 @@ import { dossiersServiceProvider } from '@services/entity-services/dossiers.serv
 
 type Section = 'dossierInfo' | 'downloadPackage' | 'dossierDictionary' | 'members' | 'dossierAttributes' | 'deletedDocuments';
 
+interface NavItem {
+    key: Section;
+    title?: string;
+    sideNavTitle?: string;
+    readonly?: boolean;
+}
+
 @Component({
     templateUrl: './edit-dossier-dialog.component.html',
     styleUrls: ['./edit-dossier-dialog.component.scss'],
     providers: [dossiersServiceProvider],
 })
 export class EditDossierDialogComponent extends BaseDialogComponent implements AfterViewInit {
-    navItems: { key: Section; title?: string; sideNavTitle?: string; readonly?: boolean }[] = [];
+    navItems: NavItem[] = [];
     readonly iconButtonTypes = IconButtonTypes;
     activeNav: Section;
     readonly dossier$: Observable<Dossier>;
@@ -65,7 +72,7 @@ export class EditDossierDialogComponent extends BaseDialogComponent implements A
         this.activeNav = _data.section || 'dossierInfo';
     }
 
-    get activeNavItem(): { key: string; title?: string } {
+    get activeNavItem(): NavItem {
         return this.navItems.find(item => item.key === this.activeNav);
     }
 
@@ -180,7 +187,6 @@ export class EditDossierDialogComponent extends BaseDialogComponent implements A
             {
                 key: 'deletedDocuments',
                 sideNavTitle: _('edit-dossier-dialog.nav-items.deleted-documents'),
-                readonly: !this._permissionsService.canHardDeleteOrRestore(this._dossier),
             },
         ];
     }