rental info UI

This commit is contained in:
venbatechnologies@gmail.com 2018-11-27 12:11:07 +05:30
parent 4b759bab13
commit e3decf18df

View File

@ -3,7 +3,7 @@
<p>Rental Information Form</p> <p>Rental Information Form</p>
<form class="address" [formGroup]="rentalForm"> <form class="address" [formGroup]="rentalForm">
<mat-form-field> <mat-form-field>
<input matInput placeholder="Person met / Shown the Property(if he is not applicant or co-applicant)" formControlName="person_met"> <input matInput placeholder="Person Met / Shown the Property(if he is not applicant or co-applicant)" formControlName="person_met">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
@ -30,11 +30,11 @@
<mat-panel-title> <mat-panel-title>
<h5>{{i+1}} Rental Home Details</h5> <h5>{{i+1}} Rental Home Details</h5>
</mat-panel-title> </mat-panel-title>
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button *ngIf="i==0" <button type="button" class="mr-1 mb-1 hover-icon" matTooltip="Add More Property" matTooltipPosition="above" mat-raised-button mat-icon-button *ngIf="i==0"
color="primary" style="float: right;" (click)="addProperty($event)"> color="primary" style="float: right;" (click)="addProperty($event)">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button *ngIf="i>0" <button type="button" class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above" mat-raised-button mat-icon-button *ngIf="i>0"
style="float: right;" (click)="deleteProperty(i)"> style="float: right;" (click)="deleteProperty(i)">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
@ -58,7 +58,7 @@
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<mat-select placeholder="Is Rent agreement available" <mat-select placeholder="Is Rent Agreement Available"
formControlName="is_rent"> formControlName="is_rent">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
@ -98,7 +98,7 @@
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<mat-form-field> <mat-form-field>
<input type="number" matInput placeholder="bank" <input type="number" matInput placeholder="Bank"
formControlName="bank"> formControlName="bank">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
@ -116,7 +116,7 @@
formControlName="total_rent"> formControlName="total_rent">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Property Paper or other related document to prove ownership (eg. Property registry etc)" <input matInput placeholder="Property paper or other related document to prove ownership (eg. Property registry etc)"
formControlName="related_doc_owner"> formControlName="related_doc_owner">
</mat-form-field> </mat-form-field>
@ -141,7 +141,7 @@
formControlName="tenants_seen"> formControlName="tenants_seen">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Tenant confirmed owner" <input matInput placeholder="Tenant Confirmed Owner"
formControlName="tenants_con_owner"> formControlName="tenants_con_owner">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
@ -149,14 +149,14 @@
formControlName="rent_paid"> formControlName="rent_paid">
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field>
<input matInput placeholder="Staying since" <input matInput placeholder="Staying Since"
formControlName="staying_since"> formControlName="staying_since">
</mat-form-field> </mat-form-field>
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button *ngIf="idx==0" <button type="button" class="mr-1 mb-1 hover-icon" matTooltip="Add More Tenant" matTooltipPosition="above" mat-raised-button mat-icon-button *ngIf="idx==0"
color="primary" style="float: right;" (click)="addTenant(i)"> color="primary" style="float: right;" (click)="addTenant(i)">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
</button> </button>
<button type="button" (click)="deleteTenant(idx, i)" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button *ngIf="idx>0" <button type="button" (click)="deleteTenant(idx, i)" matTooltip="Delete" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button *ngIf="idx>0"
style="float: right;"> style="float: right;">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
@ -166,7 +166,7 @@
</div> </div>
</mat-card> </mat-card>
<mat-form-field> <mat-form-field>
<mat-select placeholder="Photogaraphs of the property" <mat-select placeholder="Photogaraphs of the Property"
formControlName="property_photographs"> formControlName="property_photographs">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>