rental info UI
This commit is contained in:
parent
4b759bab13
commit
e3decf18df
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user