From 4700ec8098da0fe0450d6d10a77115bf44ecc103 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Wed, 3 Jul 2024 16:31:42 +0300
Subject: [PATCH] RED-9527: fixed enter not saving the file attribute.

---
 .../file-attribute/file-attribute.component.html     |  7 ++++---
 .../file-attribute/file-attribute.component.ts       | 12 ++++++++++--
 2 files changed, 14 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 5b47b90b7..f7609306c 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
@@ -40,7 +40,7 @@
                 [ngClass]="{
                     'workflow-edit-button': mode === 'workflow',
                     'action-buttons edit-button': !fileNameColumn,
-                    'filename-edit-button': fileNameColumn
+                    'filename-edit-button': fileNameColumn,
                 }"
             >
                 <div [ngClass]="{ 'workflow-edit-icon': mode === 'workflow', 'edit-icon': !fileNameColumn }">
@@ -56,12 +56,13 @@
             class="edit-input"
             iqserStopPropagation
         >
-            <form (ngSubmit)="form.valid && save()" [formGroup]="form">
+            <form [formGroup]="form">
                 <iqser-dynamic-input
                     (closedDatepicker)="closedDatepicker = $event"
+                    (keyup.enter)="form.valid && save()"
+                    (keydown.escape)="close()"
                     [style.max-width]="editFieldWidth"
                     [style.min-width]="editFieldWidth"
-                    (keydown.escape)="close()"
                     [formControlName]="fileAttribute.id"
                     [id]="fileAttribute.id"
                     [ngClass]="{ 'workflow-input': mode === 'workflow' || fileNameColumn, 'file-name-input': fileNameColumn }"
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 49e760e9d..e98c1333c 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
@@ -6,8 +6,15 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { NavigationEnd, Router } from '@angular/router';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { DynamicInputComponent } from '@common-ui/inputs/dynamic-input/dynamic-input.component';
-import { BaseFormComponent, CircleButtonComponent, HelpModeService, ListingService, Toaster } from '@iqser/common-ui';
-import { Debounce } from '@iqser/common-ui/lib/utils';
+import {
+    BaseFormComponent,
+    CircleButtonComponent,
+    HelpModeService,
+    ListingService,
+    StopPropagationDirective,
+    Toaster,
+} from '@iqser/common-ui';
+import { Debounce, log } from '@iqser/common-ui/lib/utils';
 import { TranslateModule } from '@ngx-translate/core';
 import { Dossier, File, FileAttributeConfigTypes, IFileAttributeConfig } from '@red/domain';
 import { FileAttributesService } from '@services/entity-services/file-attributes.service';
@@ -37,6 +44,7 @@ import { ConfigService } from '../../config.service';
         CircleButtonComponent,
         NgTemplateOutlet,
         TranslateModule,
+        StopPropagationDirective,
     ],
 })
 export class FileAttributeComponent extends BaseFormComponent implements OnDestroy {