Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Merge branch 'VM/RED-9201' into 'master'

Browse Source 
RED-9201 - UI for Component Mapping Tables

Closes RED-9201

See merge request redactmanager/red-ui!541
This commit is contained in:
Nicoleta Panaghiu 2024-08-13 10:01:43 +02:00
commit fc8a9da8cd
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.html
View File

@ -29,7 +29,6 @@
<div <div
class="row" class="row"
[class.disabled-file-options]="disabledFileOptions"
[matTooltip]="'add-edit-component-mapping.disabled-file-options' | translate" [matTooltip]="'add-edit-component-mapping.disabled-file-options' | translate"
[matTooltipDisabled]="!disabledFileOptions" [matTooltipDisabled]="!disabledFileOptions"
[matTooltipPosition]="'above'" [matTooltipPosition]="'above'"
@ -41,12 +40,13 @@
formControlName="delimiter" formControlName="delimiter"
name="delimiter" name="delimiter"
type="text" type="text"
[class.disabled-file-options]="disabledFileOptions"
/> />
</div> </div>
<div class="iqser-input-group required w-150"> <div class="iqser-input-group required w-150">
<label translate="add-edit-component-mapping.form.encoding-type"></label> <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-select formControlName="encoding">
<mat-option *ngFor="let type of encodingTypeOptions" [value]="type"> <mat-option *ngFor="let type of encodingTypeOptions" [value]="type">
{{ translations[type] | translate }} {{ translations[type] | translate }}

13
apps/red-ui/src/app/modules/admin/screens/component-mappings/add-edit-component-mapping-dialog/add-edit-component-mapping-dialog.component.scss
View File

@ -19,13 +19,12 @@
} }
} }
&.disabled-file-options { .disabled-file-options {
opacity: 0.5; opacity: 0.5;
pointer-events: auto; pointer-events: none;
max-width: 300px;
.iqser-input-group {
pointer-events: none;
}
} }
} }
.row:last-child {
max-width: 300px;
}