i18n: Adding new languages: Part 1 (#1882)
Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
This commit is contained in:
José Alberto Hernández
co-authored by
Jose Alberto Hernandez
Jose Alberto Hernandez
parent
c7fe21e74a
commit
408f004450
@@ -9,19 +9,19 @@
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Office" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
|
||||
<mat-select required formControlName="officeId">
|
||||
<mat-option *ngFor="let office of officeOptions" [value]="office.id">
|
||||
{{ office.name }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="editClientForm.controls.officeId.hasError('required')">
|
||||
{{"labels.inputs.Office" |translate}} {{ "labels.commons.is" | translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Office" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Legal Form" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Legal Form" | translate}}</mat-label>
|
||||
<mat-select formControlName="legalFormId">
|
||||
<mat-option *ngFor="let legalForm of legalFormOptions" [value]="legalForm.id">
|
||||
{{ legalForm.value }}
|
||||
@@ -30,12 +30,12 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Account No" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Account No" | translate}}</mat-label>
|
||||
<input matInput formControlName="accountNo">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Staff" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Staff" | translate}}</mat-label>
|
||||
<mat-select formControlName="staffId">
|
||||
<mat-option *ngFor="let staff of staffOptions" [value]="staff.id">
|
||||
{{ staff.displayName }}
|
||||
@@ -47,33 +47,33 @@
|
||||
<mat-label>{{ legalFormId === 1 ? 'Name' : 'Entity Name' }}</mat-label>
|
||||
<input matInput required formControlName="fullname">
|
||||
<mat-error *ngIf="editClientForm.controls.fullname.hasError('required')">
|
||||
{{"labels.inputs.Client name" |translate}} {{ "labels.commons.is" | translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Client name" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="editClientForm.contains('firstname')" fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.First Name" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.First Name" | translate}}</mat-label>
|
||||
<input matInput required formControlName="firstname">
|
||||
<mat-error *ngIf="editClientForm.controls.firstname.hasError('required')">
|
||||
{{"labels.inputs.Client first name" |translate}} {{ "labels.commons.is" | translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Client first name" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="editClientForm.contains('middlename')" fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Middle Name" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Middle Name" | translate}}</mat-label>
|
||||
<input matInput formControlName="middlename">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="editClientForm.contains('lastname')" fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Last Name" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Last Name" | translate}}</mat-label>
|
||||
<input matInput required formControlName="lastname">
|
||||
<mat-error *ngIf="editClientForm.controls.lastname.hasError('required')">
|
||||
{{"labels.inputs.Client last name" |translate}} {{ "labels.commons.is" | translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Client last name" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="legalFormId === 1" fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Gender" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Gender" | translate}}</mat-label>
|
||||
<mat-select formControlName="genderId">
|
||||
<mat-option *ngFor="let gender of genderOptions" [value]="gender.id">
|
||||
{{ gender.name }}
|
||||
@@ -92,7 +92,7 @@
|
||||
*ngIf="editClientForm.contains('clientNonPersonDetails')">
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Constitution" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Constitution" | translate}}</mat-label>
|
||||
<mat-select formControlName="constitutionId" required>
|
||||
<mat-option *ngFor="let constitution of constitutionOptions" [value]="constitution.id">
|
||||
{{ constitution.name }}
|
||||
@@ -101,7 +101,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Main Business Line" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Main Business Line" | translate}}</mat-label>
|
||||
<mat-select formControlName="mainBusinessLineId">
|
||||
<mat-option *ngFor="let business of businessLineOptions" [value]="business.id">
|
||||
{{ business.name }}
|
||||
@@ -110,39 +110,39 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="incorpValidityTillDateDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Incorporation Validity Till Date" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Incorporation Validity Till Date" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="incorpValidityTillDateDatePicker" formControlName="incorpValidityTillDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="incorpValidityTillDateDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #incorpValidityTillDateDatePicker></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Incorporation No" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Incorporation No" | translate}}</mat-label>
|
||||
<input matInput formControlName="incorpNumber">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Remarks" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Remarks" | translate}}</mat-label>
|
||||
<textarea matInput formControlName="remarks" cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.External Id" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.External Id" | translate}}</mat-label>
|
||||
<input matInput formControlName="externalId">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-checkbox *ngIf="legalFormId === 1" fxFlex="48%" labelPosition="before" formControlName="isStaff" class="margin-v">
|
||||
{{"labels.inputs.Is staff" |translate}}?
|
||||
{{"labels.inputs.Is staff" | translate}}?
|
||||
</mat-checkbox>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Mobile No" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Mobile No" | translate}}</mat-label>
|
||||
<input matInput type="number" formControlName="mobileNo">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Email Address" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Email Address" | translate}}</mat-label>
|
||||
<input matInput formControlName="emailAddress">
|
||||
<mat-error *ngIf="editClientForm.controls.emailAddress.errors?.email">
|
||||
Email not valid
|
||||
@@ -150,7 +150,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Client Type" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Client Type" | translate}}</mat-label>
|
||||
<mat-select formControlName="clientTypeId">
|
||||
<mat-option *ngFor="let clientType of clientTypeOptions" [value]="clientType.id">
|
||||
{{ clientType.name }}
|
||||
@@ -159,7 +159,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Client Classification" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Client Classification" | translate}}</mat-label>
|
||||
<mat-select formControlName="clientClassificationId">
|
||||
<mat-option *ngFor="let clientClassification of clientClassificationTypeOptions" [value]="clientClassification.id">
|
||||
{{ clientClassification.name }}
|
||||
@@ -168,17 +168,17 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="submittedOnDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Submitted On" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Submitted On" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="submittedOnDatePicker" formControlName="submittedOnDate" required>
|
||||
<mat-datepicker-toggle matSuffix [for]="submittedOnDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #submittedOnDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="editClientForm.controls.submittedOnDate.hasError('required')">
|
||||
{{"labels.inputs.Submitted Date" |translate}} {{ "labels.commons.is" | translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
||||
{{"labels.inputs.Submitted Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="activatedOnDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Activated On" |translate}}</mat-label>
|
||||
<mat-label>{{"labels.inputs.Activated On" | translate}}</mat-label>
|
||||
<input matInput [min]="editClientForm.value.submittedOnDate" [max]="maxDate" [matDatepicker]="activatedOnDatePicker"
|
||||
formControlName="activationDate">
|
||||
<mat-datepicker-toggle matSuffix [for]="activatedOnDatePicker"></mat-datepicker-toggle>
|
||||
@@ -190,8 +190,8 @@
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../general']">{{"labels.buttons.Cancel" |translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!editClientForm.valid" (click)="submit()">{{"labels.buttons.Submit" |translate}}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../general']">{{"labels.buttons.Cancel" | translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!editClientForm.valid" (click)="submit()">{{"labels.buttons.Submit" | translate}}</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user