add translation for manage-data-tables inside system module

This commit is contained in:
Omar-Nabil
2024-06-05 16:33:14 -06:00
committed by Jose Alberto Hernandez
parent 9a0124d358
commit 1fdaf44645
20 changed files with 221 additions and 93 deletions
@@ -1,4 +1,4 @@
<h1 mat-dialog-title>{{ data.columnName ? "Edit" : "Add" }} Column</h1>
<h1 mat-dialog-title>{{ data.columnName ? ('labels.buttons.Edit' | translate) : ('labels.buttons.Add' | translate) }} {{'labels.inputs.Column' | translate }}</h1>
<mat-dialog-content>
@@ -7,29 +7,29 @@
<div fxLayout="column">
<mat-form-field>
<mat-label>Column Name</mat-label>
<mat-label>{{'labels.inputs.Column Name' | translate }}</mat-label>
<input matInput required formControlName="name">
<mat-error *ngIf="columnForm.controls.name.hasError('required')">
Column Name is <strong>required</strong>
{{'labels.inputs.Column Name' | translate }} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-label>Column Type</mat-label>
<mat-label>{{'labels.inputs.Column Type' | translate }}</mat-label>
<mat-select required formControlName="type">
<mat-option *ngFor="let columnType of columnTypeData" [value]="columnType.value">
{{ columnType.displayValue }}
{{ columnType.displayValue | translateKey:'inputs' }}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="columnForm.value.type === 'String'">
<mat-label>Column Length</mat-label>
<mat-label> {{'labels.inputs.Column Length' | translate }}</mat-label>
<input matInput required type="number" formControlName="length">
</mat-form-field>
<mat-form-field *ngIf="columnForm.value.type === 'Dropdown'">
<mat-label>Column Code</mat-label>
<mat-label> {{'labels.inputs.Column Code' | translate }}</mat-label>
<mat-select required formControlName="code">
<mat-option *ngFor="let columnCode of data.columnCodes" [value]="columnCode.name">
{{ columnCode.name }}
@@ -38,15 +38,15 @@
</mat-form-field>
<div>
<mat-checkbox labelPosition="after" formControlName="mandatory">Mandatory</mat-checkbox>
<mat-checkbox labelPosition="after" formControlName="mandatory">{{'labels.text.Mandatory' | translate}}</mat-checkbox>
</div>
<div>
<mat-checkbox labelPosition="after" formControlName="unique">Unique</mat-checkbox>
<mat-checkbox labelPosition="after" formControlName="unique">{{'labels.inputs.Unique' | translate}}</mat-checkbox>
</div>
<div>
<mat-checkbox labelPosition="after" formControlName="indexed">Indexed</mat-checkbox>
<mat-checkbox labelPosition="after" formControlName="indexed">{{'labels.inputs.Indexed' | translate}}</mat-checkbox>
</div>
</div>
@@ -56,7 +56,7 @@
</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button mat-dialog-close>Cancel</button>
<button mat-button mat-dialog-close>{{'labels.buttons.Cancel' | translate }}</button>
<button mat-raised-button color="primary" [disabled]="!columnForm.valid || columnForm.pristine"
(click)="submit()">Submit</button>
(click)="submit()">{{'labels.buttons.Submit' | translate }}</button>
</mat-dialog-actions>