From 8e2219235df01421372fcb13fbb668e4c69cf669 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Mon, 12 Aug 2024 21:36:04 +0300
Subject: [PATCH] RED-9201 - UI for Component Mapping Tables

---
 ...add-edit-component-mapping-dialog.component.html |  4 ++--
 ...add-edit-component-mapping-dialog.component.scss | 13 ++++++-------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.html b/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.html
index 9f62ba6d0..1d5613b61 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.html
@@ -29,7 +29,6 @@
 
             <div
                 class="row"
-                [class.disabled-file-options]="disabledFileOptions"
                 [matTooltip]="'add-edit-component-mapping.disabled-file-options' | translate"
                 [matTooltipDisabled]="!disabledFileOptions"
                 [matTooltipPosition]="'above'"
@@ -41,12 +40,13 @@
                         formControlName="delimiter"
                         name="delimiter"
                         type="text"
+                        [class.disabled-file-options]="disabledFileOptions"
                     />
                 </div>
 
                 <div class="iqser-input-group required w-150">
                     <label translate="add-edit-component-mapping.form.encoding-type"></label>
-                    <mat-form-field>
+                    <mat-form-field [class.disabled-file-options]="disabledFileOptions">
                         <mat-select formControlName="encoding">
                             <mat-option *ngFor="let type of encodingTypeOptions" [value]="type">
                                 {{ translations[type] | translate }}
diff --git a/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.scss b/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.scss
index df17cfe56..a7e43f0c6 100644
--- a/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.scss
@@ -19,13 +19,12 @@
         }
     }
 
-    &.disabled-file-options {
+    .disabled-file-options {
         opacity: 0.5;
-        pointer-events: auto;
-        max-width: 300px;
-
-        .iqser-input-group {
-            pointer-events: none;
-        }
+        pointer-events: none;
     }
 }
+
+.row:last-child {
+    max-width: 300px;
+}