From c7e284e649968ece4c1ba2b41456f66be003b2f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina.teudan.ext@knecon.com>
Date: Thu, 19 Oct 2023 22:27:16 +0300
Subject: [PATCH] RED-7790: Added tooltip and a fix

---
 .../file-attribute/file-attribute.component.html      |  2 +-
 .../file-attribute/file-attribute.component.ts        | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html
index 4f59aaa5f..f34532e33 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html
@@ -6,7 +6,7 @@
         class="file-attribute"
     >
         <div [ngClass]="{ 'workflow-value': mode === 'workflow' }" class="value">
-            <mat-icon *ngIf="!fileAttribute.editable" svgIcon="red:read-only"></mat-icon>
+            <mat-icon *ngIf="!fileAttribute.editable" [matTooltip]="'readonly' | translate" svgIcon="red:read-only"></mat-icon>
             <div>
                 <b *ngIf="mode === 'workflow' && !isInEditMode"> {{ fileAttribute.label }}: </b>
                 <span
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts
index 1075f0c80..2e700a09e 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts
@@ -22,9 +22,10 @@ import { Debounce } from '@iqser/common-ui/lib/utils';
 import { AsyncPipe, DatePipe, NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
-    selector: 'redaction-file-attribute [fileAttribute] [file] [dossier]',
+    selector: 'redaction-file-attribute',
     templateUrl: './file-attribute.component.html',
     styleUrls: ['./file-attribute.component.scss'],
     standalone: true,
@@ -40,14 +41,15 @@ import { MatIconModule } from '@angular/material/icon';
         DynamicInputComponent,
         CircleButtonComponent,
         NgTemplateOutlet,
+        TranslateModule,
     ],
 })
 export class FileAttributeComponent extends BaseFormComponent implements OnDestroy {
     isInEditMode = false;
     closedDatepicker = true;
-    @Input() fileAttribute!: IFileAttributeConfig;
-    @Input() file!: File;
-    @Input() dossier!: Dossier;
+    @Input({ required: true }) fileAttribute!: IFileAttributeConfig;
+    @Input({ required: true }) file!: File;
+    @Input({ required: true }) dossier!: Dossier;
     @Input() fileNameColumn = false;
     readonlyAttrs: string[] = [];
     readonly #subscriptions = new Subscription();
@@ -133,6 +135,7 @@ export class FileAttributeComponent extends BaseFormComponent implements OnDestr
         if (
             !this.file.isInitialProcessing &&
             this.permissionsService.canEditFileAttributes(this.file, this.dossier) &&
+            this.fileAttribute.editable &&
             !this.isInEditMode
         ) {
             $event.stopPropagation();