Family form UI
This commit is contained in:
parent
ca68f04bef
commit
8d0cd26c4e
@ -14,12 +14,12 @@
|
||||
<input matInput placeholder="Enter the relationship" formControlName="personOther">
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="No. Of family members" formControlName="members">
|
||||
<input matInput placeholder="No. Of Family Members" formControlName="members">
|
||||
</mat-form-field>
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Earning Members
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<div formArrayName="earningMembers">
|
||||
<div *ngFor="let item of familyForm.controls.earningMembers['controls']; let i=index"
|
||||
@ -50,12 +50,12 @@
|
||||
<input matInput placeholder="Name of Employer / Business"
|
||||
formControlName="employer_name">
|
||||
</mat-form-field>
|
||||
<button type="button" mat-raised-button mat-icon-button *ngIf="i==0"
|
||||
(click)="addearningMembers()">
|
||||
<button type="button" mat-raised-button mat-icon-button *ngIf="i==0" color="primary"
|
||||
matTooltip="Add More Earning Members" matTooltipPosition="above" (click)="addearningMembers()">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button
|
||||
(click)="deleteEarningMembers(i)" *ngIf="i>0">
|
||||
matTooltip="Delete" matTooltipPosition="above" (click)="deleteEarningMembers(i)" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
@ -65,7 +65,7 @@
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Non Earning Members
|
||||
<p>
|
||||
</p>
|
||||
</mat-card-header>
|
||||
<div formArrayName="nonEarningMembers">
|
||||
<div *ngFor="let members of familyForm.controls.nonEarningMembers['controls']; let i=index"
|
||||
@ -92,12 +92,12 @@
|
||||
<input matInput placeholder="Retired From"
|
||||
formControlName="retired">
|
||||
</mat-form-field>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addMembers()"
|
||||
*ngIf="i==0">
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="addMembers()" color="primary"
|
||||
matTooltip="Add More Non Earning Members" matTooltipPosition="above" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
<button type="button" mat-raised-button mat-icon-button (click)="deleteMembers(i)"
|
||||
*ngIf="i>0">
|
||||
matTooltip="Delete" matTooltipPosition="above" *ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
@ -106,7 +106,7 @@
|
||||
</mat-card>
|
||||
<mat-card>
|
||||
<mat-card-header>
|
||||
<p>Residence <p>
|
||||
<p>Residence </p>
|
||||
</mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user