From b23a56affbafe2836f14c8fa628d9c255629054a Mon Sep 17 00:00:00 2001
From: George <george.balanesc@gmail.com>
Date: Thu, 23 Feb 2023 19:18:29 +0200
Subject: [PATCH] RED-6262, add unique ids to buttons and inputs on file
 attribute components.

---
 .../document-info/document-info.component.html         |  2 ++
 .../document-info-dialog.component.html                | 10 ++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/document-info/document-info.component.html b/apps/red-ui/src/app/modules/file-preview/components/document-info/document-info.component.html
index f2b0ba398..7ae8d0496 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/document-info/document-info.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/document-info/document-info.component.html
@@ -2,6 +2,7 @@
     <div class="right-title heading" translate="file-preview.tabs.document-info.label">
         <div>
             <iqser-circle-button
+                buttonId="edit-document-info-btn"
                 (action)="edit(ctx.file)"
                 *ngIf="permissionsService.canEditFileAttributes(ctx.file, ctx.dossier)"
                 [tooltip]="'file-preview.tabs.document-info.edit' | translate"
@@ -10,6 +11,7 @@
             ></iqser-circle-button>
 
             <iqser-circle-button
+                buttonId="close-document-info-btn"
                 (action)="documentInfoService.hide()"
                 [tooltip]="'file-preview.tabs.document-info.close' | translate"
                 icon="iqser:close"
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html
index fac0145f1..a662376e6 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html
@@ -6,7 +6,7 @@
             <div *ngFor="let attr of attributes" class="iqser-input-group w-300">
                 <iqser-dynamic-input
                     [formControlName]="attr.id"
-                    [id]="attr.id"
+                    [id]="attr.label.toLowerCase().replace(' ', '-') + '-input'"
                     [label]="attr.label"
                     [type]="attr.type"
                     [classList]="'w-300'"
@@ -16,6 +16,7 @@
         </div>
         <div class="dialog-actions">
             <iqser-icon-button
+                buttonId="save-document-info-btn"
                 [disabled]="disabled"
                 [label]="'document-info.save' | translate"
                 [submit]="true"
@@ -24,5 +25,10 @@
         </div>
     </form>
 
-    <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
+    <iqser-circle-button
+        buttonId="close-document-info-modal-btn"
+        (action)="close()"
+        class="dialog-close"
+        icon="iqser:close"
+    ></iqser-circle-button>
 </section>