fix: feature not working: add family member in create client (#1688)
now able to add family member. Fixes: #1666
This commit is contained in:
+4
-7
@@ -32,12 +32,9 @@
|
|||||||
|
|
||||||
<mat-form-field fxFlex="48%">
|
<mat-form-field fxFlex="48%">
|
||||||
<mat-label>Age</mat-label>
|
<mat-label>Age</mat-label>
|
||||||
<input type="number" formControlName="age" matInput min="0"/>
|
<input type="number" formControlName="age" matInput [min]="0"/>
|
||||||
<mat-error *ngIf="familyMemberForm.controls.age.hasError('required')">
|
<mat-error *ngIf="familyMemberForm.controls.age.hasError('required')">
|
||||||
Age is <strong>required</strong>
|
Age is <strong>required and cannot be negative</strong>
|
||||||
</mat-error>
|
|
||||||
<mat-error *ngIf="familyMemberForm.controls.age.hasError('min')">
|
|
||||||
Age cannot be <strong>negative</strong>
|
|
||||||
</mat-error>
|
</mat-error>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
@@ -57,7 +54,7 @@
|
|||||||
|
|
||||||
<mat-form-field fxFlex="48%">
|
<mat-form-field fxFlex="48%">
|
||||||
<mat-label>Gender</mat-label>
|
<mat-label>Gender</mat-label>
|
||||||
<mat-select formControlName="genderId">
|
<mat-select formControlName="genderId" required>
|
||||||
<mat-option *ngFor="let gender of data.options.genderIdOptions" [value]="gender.id">
|
<mat-option *ngFor="let gender of data.options.genderIdOptions" [value]="gender.id">
|
||||||
{{ gender.name }}
|
{{ gender.name }}
|
||||||
</mat-option>
|
</mat-option>
|
||||||
@@ -89,7 +86,7 @@
|
|||||||
|
|
||||||
<mat-form-field fxFlex="98%" (click)="dueDatePicker.open()">
|
<mat-form-field fxFlex="98%" (click)="dueDatePicker.open()">
|
||||||
<mat-label>Date Of Birth</mat-label>
|
<mat-label>Date Of Birth</mat-label>
|
||||||
<input formControlName="dateOfBirth" matInput [max]="maxDate" [matDatepicker]="dueDatePicker">
|
<input formControlName="dateOfBirth" matInput [max]="maxDate" [matDatepicker]="dueDatePicker" required>
|
||||||
<mat-datepicker-toggle matSuffix [for]="dueDatePicker"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="dueDatePicker"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #dueDatePicker></mat-datepicker>
|
<mat-datepicker #dueDatePicker></mat-datepicker>
|
||||||
<mat-error *ngIf="familyMemberForm.controls.dateOfBirth.hasError('required')">
|
<mat-error *ngIf="familyMemberForm.controls.dateOfBirth.hasError('required')">
|
||||||
|
|||||||
+3
-3
@@ -66,13 +66,13 @@ export class ClientFamilyMemberDialogComponent implements OnInit {
|
|||||||
'middleName': [''],
|
'middleName': [''],
|
||||||
'lastName': ['', Validators.required],
|
'lastName': ['', Validators.required],
|
||||||
'qualification': [''],
|
'qualification': [''],
|
||||||
'age': ['', Validators.required, Validators.min(0)],
|
'age': ['', Validators.required],
|
||||||
'isDependent': [''],
|
'isDependent': [''],
|
||||||
'relationshipId': ['', Validators.required],
|
'relationshipId': ['', Validators.required],
|
||||||
'genderId': [''],
|
'genderId': ['', Validators.required],
|
||||||
'professionId': [''],
|
'professionId': [''],
|
||||||
'maritalStatusId': [''],
|
'maritalStatusId': [''],
|
||||||
'dateOfBirth': ['']
|
'dateOfBirth': ['', Validators.required]
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user