You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.9 KiB
45 lines
1.9 KiB
<div class="page-container" id="addDependants">
|
|
<span class="material-icons back-icon" (click)="navigateToPrevious()">arrow_back_ios_new</span>
|
|
<form
|
|
id="create-enquiry-form"
|
|
class="create-enquiry-form"
|
|
[formGroup]="generateLetterForm"
|
|
(submit)="createEnquirySubmitHandler()"
|
|
>
|
|
<div *ngFor="let item of counterArr; let i=index">
|
|
<div class="align-middle">
|
|
<mat-form-field class="input-field" appearance="outline">
|
|
<mat-label>Name of Dependant {{i+1}}</mat-label>
|
|
<input formControlName="nameOfDependant" matInput placeholder="Name of Dependant" value="1234">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="align-middle">
|
|
<mat-form-field class="input-field" appearance="outline">
|
|
<mat-label>Relation of Employee with Dependant {{i+1}}</mat-label>
|
|
<input formControlName="employeeRelation" matInput placeholder="Relation of Employee" value="bajaj">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="align-middle">
|
|
<mat-form-field class="input-field" appearance="outline">
|
|
<mat-label>Age of Dependant {{i+1}}</mat-label>
|
|
<input formControlName="age" matInput placeholder="Age" value="developer">
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="align-middle">
|
|
<mat-form-field class="input-field" appearance="fill">
|
|
<mat-label>Gender of Dependant {{i+1}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let gender of genderList" [value]="gender">
|
|
{{gender}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
<hr *ngIf='i!=5'/>
|
|
</div>
|
|
|
|
<div class="align-middle">
|
|
<button class="font-body-xsmall-bold" type="button" (click)="createEnquirySubmitHandler()" [disabled]="isMaxCount">Add Dependants</button>
|
|
</div>
|
|
</form>
|
|
</div>
|