Merge branch 'master' of https://bitbucket.org/sriramv18/sparqsineedge
This commit is contained in:
venbatechnologies@gmail.com
commit
a7ed69524a
@ -1,367 +0,0 @@
|
|||||||
<form [formGroup]="rentalForm" novalidate>
|
|
||||||
|
|
||||||
<h2 mat-dialog-title class="paragraph_change">
|
|
||||||
<!-- <div fxFlex="70" align="left" style="padding: 10px !important;">
|
|
||||||
<span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br>
|
|
||||||
{{pageTitle}}
|
|
||||||
</div> -->
|
|
||||||
<div fxFlex="70" align="left" style="padding: 10px !important;"></div>
|
|
||||||
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<mat-dialog-content>
|
|
||||||
|
|
||||||
|
|
||||||
<mat-tab-group>
|
|
||||||
<mat-tab label="Questions">
|
|
||||||
<ng-template matTabContent>
|
|
||||||
<div fxLayout="row wrap">
|
|
||||||
<div fxFlex="100">
|
|
||||||
<mat-card>
|
|
||||||
<!-- <mat-card-header>
|
|
||||||
<mat-card-title></mat-card-title>
|
|
||||||
</mat-card-header> -->
|
|
||||||
<mat-card-content>
|
|
||||||
<div fxLayout="row wrap">
|
|
||||||
<mat-form-field style="width:100%" appearance="outline">
|
|
||||||
<mat-label>Name of the Person who is showing the Property to Sineedge Officer</mat-label>
|
|
||||||
<mat-select placeholder="Name"
|
|
||||||
formControlName="person_met" [compareWith]="compareObjects" multiple required>
|
|
||||||
<mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
|
|
||||||
<mat-option *ngFor="let val of group.groupValues" [value]="val">
|
|
||||||
{{val.name}}
|
|
||||||
</mat-option>
|
|
||||||
</mat-optgroup>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
<!-- <mat-form-field style="width:28%" appearance="outline" *ngIf="rentalForm.controls['other_person_met']">
|
|
||||||
<mat-label>Specify Other Person</mat-label>
|
|
||||||
<input matInput autocomplete="off" placeholder="" formControlName="other_person_met" required>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width:35%" appearance="outline" *ngIf="rentalForm.controls['other_name_person_showing_property']">
|
|
||||||
<mat-label>Who is {{rentalForm.controls['other_person_met'].value}}</mat-label>
|
|
||||||
<mat-select placeholder=""
|
|
||||||
formControlName="other_name_person_showing_property" multiple required>
|
|
||||||
<mat-option mult *ngFor="let pType of personType" [value]="pType">
|
|
||||||
{{pType.name}}
|
|
||||||
</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width:25%" appearance="outline" *ngIf="rentalForm.controls['other_name_person_type']">
|
|
||||||
<mat-label>Specify Other</mat-label>
|
|
||||||
<input matInput autocomplete="off" placeholder="" formControlName="other_name_person_type" required>
|
|
||||||
</mat-form-field> -->
|
|
||||||
</div>
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <div fxLayout="row wrap">
|
|
||||||
<div fxFlex="100">
|
|
||||||
|
|
||||||
<mat-form-field style="width:80%;">
|
|
||||||
<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 style="width:35%;">
|
|
||||||
<mat-select placeholder="Property Owner" formControlName="property_own">
|
|
||||||
<mat-option>Select</mat-option>
|
|
||||||
<mat-option value="applicant">Applicant</mat-option>
|
|
||||||
<mat-option value="co_applicant">co-applicant</mat-option>
|
|
||||||
<mat-option value="parental">Parental</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width:35%;">
|
|
||||||
<mat-select placeholder="Nature of the let out property" formControlName="nature_property">
|
|
||||||
<mat-option>Select</mat-option>
|
|
||||||
<mat-option value="residentail/commercial">Residential/commercial</mat-option>
|
|
||||||
<mat-option value="other">Other</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
|
|
||||||
|
|
||||||
<div formArrayName="rental_home">
|
|
||||||
<mat-accordion
|
|
||||||
*ngFor="let item of rentalForm.controls.rental_home['controls']; let i=index"
|
|
||||||
[formGroupName]="i">
|
|
||||||
<mat-expansion-panel class="fields" [expanded]="step == i">
|
|
||||||
<mat-expansion-panel-header>
|
|
||||||
<mat-panel-title>
|
|
||||||
<h5>{{i+1}} Rental Home Details</h5>
|
|
||||||
</mat-panel-title>
|
|
||||||
<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)">
|
|
||||||
<mat-icon>add</mat-icon>
|
|
||||||
</button>
|
|
||||||
<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)">
|
|
||||||
<mat-icon>delete</mat-icon>
|
|
||||||
</button>
|
|
||||||
</mat-expansion-panel-header>
|
|
||||||
|
|
||||||
<mat-form-field appearance="outline" style="width: 100%">
|
|
||||||
<mat-label>Complete address of the property</mat-label>
|
|
||||||
<textarea matInput placeholder="Address" formControlName="complete_add"></textarea>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width: 100%">
|
|
||||||
<input matInput placeholder="Area of the Property(in sq yd or Sq ft)"
|
|
||||||
formControlName="area_of_property">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width: 100%">
|
|
||||||
<input matInput placeholder="Structure of the let out property (eg. No of floors in total,G,FF,SF etc, let out floors from them)"
|
|
||||||
formControlName="structure_property">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width: 100%">
|
|
||||||
<input type="number" matInput placeholder="Total rooms let out (eg single room,2 BHK, let out rooms on each floor)"
|
|
||||||
formControlName="total_room">
|
|
||||||
</mat-form-field>
|
|
||||||
|
|
||||||
<mat-form-field>
|
|
||||||
<mat-select placeholder="Is Rent Agreement Available"
|
|
||||||
formControlName="is_rent">
|
|
||||||
<mat-option>Select</mat-option>
|
|
||||||
<mat-option value="yes">Yes</mat-option>
|
|
||||||
<mat-option value="no">No</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
<div *ngIf="item.controls['is_rent'].value == 'yes'">
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput [matDatepicker]="picker" formControlName="date_agreement"
|
|
||||||
placeholder="Date of Agreement">
|
|
||||||
<mat-datepicker-toggle matSuffix
|
|
||||||
[for]="picker"></mat-datepicker-toggle>
|
|
||||||
<mat-datepicker #picker></mat-datepicker>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Validity"
|
|
||||||
formControlName="date_validity">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input type="number" matInput placeholder="Rent as per Agreement"
|
|
||||||
formControlName="rent_agreement">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input type="number" matInput placeholder="Actual Rent"
|
|
||||||
formControlName="actual_rent">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<mat-select placeholder="Photo of agreement taken ?"
|
|
||||||
formControlName="photo_areegment">
|
|
||||||
<mat-option>Select</mat-option>
|
|
||||||
<mat-option value="yes">Yes</mat-option>
|
|
||||||
<mat-option value="no">No</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
</div>
|
|
||||||
<mat-card>
|
|
||||||
<mat-card-header>
|
|
||||||
<p>How is rent received? (Is it in bank or cash, how much in which mode)</p>
|
|
||||||
</mat-card-header>
|
|
||||||
<mat-card-content>
|
|
||||||
<mat-form-field>
|
|
||||||
<input type="number" matInput placeholder="Bank"
|
|
||||||
formControlName="bank">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input type="number" matInput placeholder="Cash"
|
|
||||||
formControlName="cash">
|
|
||||||
</mat-form-field>
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-card>
|
|
||||||
<mat-form-field style="width: 100%">
|
|
||||||
<input matInput placeholder="Rent received from each floor and or Rooms (eg FF has 4 rooms, rent per room are Rs 2500, Rs 4000 and Rs 3200 respectively)"
|
|
||||||
formControlName="rent_each_floor">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width: 100%">
|
|
||||||
<input matInput placeholder="Total rent received (Total montly rental from property/ies, with break up)"
|
|
||||||
formControlName="total_rent">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width: 100%">
|
|
||||||
<input matInput placeholder="Property paper or other related document to prove ownership (eg. Property registry etc)"
|
|
||||||
formControlName="related_doc_owner">
|
|
||||||
</mat-form-field>
|
|
||||||
|
|
||||||
<mat-card>
|
|
||||||
<mat-card-header>
|
|
||||||
<p>Details of the tenants (eg Name and Mobile No and other details)</p>
|
|
||||||
</mat-card-header>
|
|
||||||
<div formArrayName="details_tenants">
|
|
||||||
<div *ngFor="let deatil of item.controls.details_tenants['controls']; let idx=index" [formGroupName]="idx">
|
|
||||||
<mat-card-content>
|
|
||||||
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Name"
|
|
||||||
formControlName="name">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Mobile No"
|
|
||||||
formControlName="mobile_no">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Tenant Seen"
|
|
||||||
formControlName="tenants_seen">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Tenant Confirmed Owner"
|
|
||||||
formControlName="tenants_con_owner">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Rent Paid"
|
|
||||||
formControlName="rent_paid">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Staying Since"
|
|
||||||
formControlName="staying_since">
|
|
||||||
</mat-form-field>
|
|
||||||
<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)">
|
|
||||||
<mat-icon>add</mat-icon>
|
|
||||||
</button>
|
|
||||||
<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;">
|
|
||||||
<mat-icon>delete</mat-icon>
|
|
||||||
</button>
|
|
||||||
</mat-card-content>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</mat-card>
|
|
||||||
<mat-form-field style="width:35%;">
|
|
||||||
<mat-select placeholder="Photogaraphs of the Property"
|
|
||||||
formControlName="property_photographs">
|
|
||||||
<mat-option>Select</mat-option>
|
|
||||||
<mat-option value="yes">Yes</mat-option>
|
|
||||||
<mat-option value="no">No</mat-option>
|
|
||||||
</mat-select>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field style="width:45%;">
|
|
||||||
<input matInput placeholder="Third party check of prevailing rent in the neighbour hood (TPC with whom, how much rent quoted)"
|
|
||||||
formControlName="third_party_check">
|
|
||||||
</mat-form-field>
|
|
||||||
</mat-expansion-panel>
|
|
||||||
|
|
||||||
</mat-accordion>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</ng-template>
|
|
||||||
</mat-tab>
|
|
||||||
<mat-tab label="Docs">
|
|
||||||
<ng-template matTabContent>
|
|
||||||
<div ngxViewer>
|
|
||||||
<div fxLayout="row wrap" style="padding:20px;">
|
|
||||||
<div fxFlex="100">
|
|
||||||
<div fxFlex="20" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
|
||||||
<div class="p-list">
|
|
||||||
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="20" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
|
||||||
<div class="p-list">
|
|
||||||
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="20" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
|
||||||
<div class="p-list">
|
|
||||||
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="20" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
|
||||||
<div class="p-list">
|
|
||||||
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="20" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
|
||||||
<div class="p-list">
|
|
||||||
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="20" class="m-gap p-gap">
|
|
||||||
<div class="p-list-main mb-2" style="width: 60%;height: auto;">
|
|
||||||
<div class="p-list">
|
|
||||||
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="row">
|
|
||||||
<div fxFlex="100" class="m-gap p-gap">
|
|
||||||
<div fxLayout="row" fxLayoutWrap="wrap">
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxLayout="row" fxLayoutWrap="wrap">
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
|
|
||||||
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-template>
|
|
||||||
</mat-tab>
|
|
||||||
</mat-tab-group>
|
|
||||||
|
|
||||||
</mat-dialog-content>
|
|
||||||
<mat-dialog-actions>
|
|
||||||
<div fxFlex="60" class="pb-0 text-sm-left" align="left">
|
|
||||||
<!-- <mat-form-field appearance="outline" style="width: 100%">
|
|
||||||
<mat-label>Remarks</mat-label>
|
|
||||||
<textarea matInput placeholder="Remarks" formControlName="personal_info_form_remark" ></textarea>
|
|
||||||
</mat-form-field> -->
|
|
||||||
</div>
|
|
||||||
<div fxFlex="40" align="end">
|
|
||||||
<button class="mr-1 mb-1 hover-icon" type="submit" mat-raised-button mat-icon-button matTooltip="Submit" matTooltipPosition="above"><mat-icon>save</mat-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</mat-dialog-actions>
|
|
||||||
</form>
|
|
||||||
<notifier-container></notifier-container>
|
|
||||||
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
::ng-deep .cdk-global-overlay-wrapper{
|
|
||||||
justify-content: center !important;
|
|
||||||
}
|
|
||||||
.paragraph_change {
|
|
||||||
color: #fff !important;
|
|
||||||
background-color: #e00201 !important;
|
|
||||||
}
|
|
||||||
.mat-card-content {
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
.mat-card-actions {
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
mat-form-field {
|
|
||||||
margin: 0 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,115 +0,0 @@
|
|||||||
import {Component, OnInit, Input, Output, Inject} from '@angular/core';
|
|
||||||
import {FormBuilder, FormGroup, Validators, FormControl, FormArray} from '@angular/forms';
|
|
||||||
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA , DialogPosition} from '@angular/material';
|
|
||||||
import {NotifierService} from 'angular-notifier';
|
|
||||||
import {PdTrigerService} from './../../../../../pd-service/pd-triger.service';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-rental-info',
|
|
||||||
templateUrl: './rental-info.component.html',
|
|
||||||
styleUrls: ['./rental-info.component.scss']
|
|
||||||
})
|
|
||||||
export class RentalInfoComponent implements OnInit {
|
|
||||||
pageTitle: string ="Rental Information";
|
|
||||||
pdid: number;
|
|
||||||
form_id: number;
|
|
||||||
public rentalForm: FormGroup;
|
|
||||||
private notifier: NotifierService;
|
|
||||||
existCompanyList: any =[];
|
|
||||||
mergeCompanyApplicant: any=[];
|
|
||||||
//personType: any=[{id:2,name:"Tenant / Lessee"},{id:3,name:"Owner of the Rented Property"},{id:4,name:"Property Caretaker"},{id:1,name:"Others (Please Specify)"}];
|
|
||||||
constructor(
|
|
||||||
notifier: NotifierService,
|
|
||||||
private _fb: FormBuilder,
|
|
||||||
private _pd: PdTrigerService,
|
|
||||||
private dialogRef: MatDialogRef<RentalInfoComponent>,
|
|
||||||
@Inject(MAT_DIALOG_DATA) public pd_all_details: any) {
|
|
||||||
this.pdid = this.pd_all_details.pdmaster_details.pd_id;
|
|
||||||
this.notifier = notifier;
|
|
||||||
this.form_id = 17;
|
|
||||||
// get applicant list
|
|
||||||
// this.pd_all_details.pdapplicants_detials.push({'pd_co_applicant_id':'0','applicant_name':'Others'});
|
|
||||||
// let modifyApplicantList: any=[];
|
|
||||||
// if(this.pd_all_details.pdapplicants_detials.length > 0){
|
|
||||||
// modifyApplicantList = this.pd_all_details.pdapplicants_detials.map(element => {
|
|
||||||
// return {id:element.pd_co_applicant_id,name:element.applicant_name,group_id:2};
|
|
||||||
// });
|
|
||||||
// this.mergeCompanyApplicant.push({groupName:'APPLICANTS',groupValues:modifyApplicantList})
|
|
||||||
|
|
||||||
// }
|
|
||||||
// this._pd.getCompaniesListsForBusiness(this.pdid).subscribe(data=>{
|
|
||||||
// if(data.dataStatus){
|
|
||||||
// this.existCompanyList = data.records.filter(val =>val.is_active===true && val.is_company_applicant===true);
|
|
||||||
// }
|
|
||||||
|
|
||||||
// let modifyCompanyList : any=[];
|
|
||||||
// if(this.existCompanyList.length>0){
|
|
||||||
// modifyCompanyList = this.existCompanyList.map(element => {
|
|
||||||
// return {id:element.company_order_id.toString(),name:element.company_name,group_id:1};
|
|
||||||
// });
|
|
||||||
// this.mergeCompanyApplicant.push({groupName:'COMPANIES',groupValues:modifyCompanyList})
|
|
||||||
// }
|
|
||||||
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
public viewerOptions: any = {
|
|
||||||
navbar: false,
|
|
||||||
toolbar: {
|
|
||||||
zoomIn: 4,
|
|
||||||
zoomOut: 4,
|
|
||||||
oneToOne: 4,
|
|
||||||
reset: 4,
|
|
||||||
prev: 4,
|
|
||||||
play: {
|
|
||||||
show: 4,
|
|
||||||
size: 'large',
|
|
||||||
},
|
|
||||||
next: 4,
|
|
||||||
rotateLeft: 4,
|
|
||||||
rotateRight: 4,
|
|
||||||
flipHorizontal: 4,
|
|
||||||
flipVertical: 4,
|
|
||||||
}
|
|
||||||
};
|
|
||||||
ngOnInit() {
|
|
||||||
this.inintRentalForm();
|
|
||||||
// observe person met controls
|
|
||||||
// this.rentalForm.controls['person_met'].valueChanges.subscribe(val => {
|
|
||||||
// if(val && val.length>0){
|
|
||||||
// let otherPersonMetCheck = val.filter(fVal=>fVal.id==0);
|
|
||||||
// otherPersonMetCheck.length>0 ? this.rentalForm.addControl('other_person_met', new FormControl('', Validators.required)) : this.rentalForm.removeControl('other_person_met');
|
|
||||||
// otherPersonMetCheck.length>0 ? this.rentalForm.addControl('other_name_person_showing_property', new FormControl('', Validators.required)) : this.rentalForm.removeControl('other_name_person_showing_property');
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
// this.rentalForm.removeControl('other_person_met');
|
|
||||||
// this.rentalForm.removeControl('other_name_person_showing_property');
|
|
||||||
// this.rentalForm.removeControl('other_name_person_type');
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// observe other person type
|
|
||||||
// this.rentalForm.controls['other_name_person_showing_property'].valueChanges.subscribe(val => {
|
|
||||||
// if(val && val.length>0){
|
|
||||||
// let otherCheck = val.filter(fVal=>fVal.id==0);
|
|
||||||
// otherCheck.length>0 ? this.rentalForm.addControl('other_name_person_type', new FormControl('', Validators.required)) : this.rentalForm.removeControl('other_name_person_type');
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
// this.rentalForm.removeControl('other_name_person_type');
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
inintRentalForm() {
|
|
||||||
return this.rentalForm = this._fb.group({
|
|
||||||
pdid: this.pdid,
|
|
||||||
formid: this.form_id,
|
|
||||||
person_met: [''],
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// compare objects for merge two master table details
|
|
||||||
compareObjects(o1: any, o2: any) {
|
|
||||||
if(o1.id == o2.id && o1.group_id == o2.group_id)
|
|
||||||
return true;
|
|
||||||
else return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -74,7 +74,6 @@ import { TelePdAllocationComponent } from './list-pd/tele-pd-allocation/tele-pd-
|
|||||||
|
|
||||||
import { PdReportComponent, DialogChangeCurrentVenrsion } from './list-pd/pd-report/pd-report.component';
|
import { PdReportComponent, DialogChangeCurrentVenrsion } from './list-pd/pd-report/pd-report.component';
|
||||||
|
|
||||||
import {RentalInfoComponent} from "./list-pd/start-pd/forms/rental-info/rental-info.component";
|
|
||||||
import { AllocationViewMoreComponent } from './list-pd/allocation-view-more/allocation-view-more.component';
|
import { AllocationViewMoreComponent } from './list-pd/allocation-view-more/allocation-view-more.component';
|
||||||
import { PdRequirementComponent } from './list-pd/pd-requirement/pd-requirement.component';
|
import { PdRequirementComponent } from './list-pd/pd-requirement/pd-requirement.component';
|
||||||
import { GeneralInfoComponent } from './list-pd/start-pd/forms/general-info/general-info.component';
|
import { GeneralInfoComponent } from './list-pd/start-pd/forms/general-info/general-info.component';
|
||||||
@ -161,7 +160,7 @@ const pdCustomNotifierOptions: NotifierOptions = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [RentalInfoComponent, TelePdAllocationComponent, FinancialInfoComponent, BusinessInfoComponent, EmploymentInfoComponent, StockComponent, BankingDetailsComponent, ListPdComponent, FamilyDetailsComponent, AddressComponent, ManagePdComponent, MapPdViewComponent, AddPdComponent, ViewPdComponent, PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, StartPdComponent, InprogressPdComponent, AllPdComponent, ScheduledPdComponent, CompletedPdComponent, QcCompletedPdComponent, ClientInfoComponent, CurrentLoanComponent, AssetsInfoComponent, LoanDetailsComponent, OtherIncomeComponent, SupplierInfoComponent, PersonalInfoComponent, LenderRepresentativeComponent, PdReportComponent, AssessedIncomeComponent, AllocationViewMoreComponent, PdRequirementComponent, GeneralInfoComponent, ModelEditPdReportComponent, OtherApplicantDetailsComponent, NeighbourHoodComponent, DialogChangeCurrentVenrsion, FinalRemarksComponent, BusinessOtherFamilyMemberComponent, QcReviewComponent, BusinessInfoGroupComponent, SearchRelationPipe, NumberToWordsPipe, DeleteRecordsCountPipe, BusinessAssetsInfoComponent, BusinessBankingDetailsComponent, SalesDetailsComponent, DailySalesDetailsComponent, SalesCalculationComponent, ManageSalesComponent, PurchaseDetailsComponent, BusinessExpenseDetailsComponent, HouseHoldDetailsComponent, OtherBusinessIncomeDetailsComponent, ManagePurchaseComponent, ManageBusinesExpenseComponent, ManageHouseHoldComponent, ManageOtherBusinessIncomeComponent, GrossProfitCalculationComponent, ManageDailySalesComponent, PdStatusChangeDialogueComponent, PdLocatedMapViewDirective, ViewLocationComponent, GetAnswerableFormsPipe, ConfirmAiDetailsComponent, RentalVerificationComponent],
|
declarations: [TelePdAllocationComponent, FinancialInfoComponent, BusinessInfoComponent, EmploymentInfoComponent, StockComponent, BankingDetailsComponent, ListPdComponent, FamilyDetailsComponent, AddressComponent, ManagePdComponent, MapPdViewComponent, AddPdComponent, ViewPdComponent, PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, StartPdComponent, InprogressPdComponent, AllPdComponent, ScheduledPdComponent, CompletedPdComponent, QcCompletedPdComponent, ClientInfoComponent, CurrentLoanComponent, AssetsInfoComponent, LoanDetailsComponent, OtherIncomeComponent, SupplierInfoComponent, PersonalInfoComponent, LenderRepresentativeComponent, PdReportComponent, AssessedIncomeComponent, AllocationViewMoreComponent, PdRequirementComponent, GeneralInfoComponent, ModelEditPdReportComponent, OtherApplicantDetailsComponent, NeighbourHoodComponent, DialogChangeCurrentVenrsion, FinalRemarksComponent, BusinessOtherFamilyMemberComponent, QcReviewComponent, BusinessInfoGroupComponent, SearchRelationPipe, NumberToWordsPipe, DeleteRecordsCountPipe, BusinessAssetsInfoComponent, BusinessBankingDetailsComponent, SalesDetailsComponent, DailySalesDetailsComponent, SalesCalculationComponent, ManageSalesComponent, PurchaseDetailsComponent, BusinessExpenseDetailsComponent, HouseHoldDetailsComponent, OtherBusinessIncomeDetailsComponent, ManagePurchaseComponent, ManageBusinesExpenseComponent, ManageHouseHoldComponent, ManageOtherBusinessIncomeComponent, GrossProfitCalculationComponent, ManageDailySalesComponent, PdStatusChangeDialogueComponent, PdLocatedMapViewDirective, ViewLocationComponent, GetAnswerableFormsPipe, ConfirmAiDetailsComponent, RentalVerificationComponent],
|
||||||
imports: [
|
imports: [
|
||||||
CommonModule,
|
CommonModule,
|
||||||
ManagePdRoutingModule,
|
ManagePdRoutingModule,
|
||||||
@ -194,13 +193,13 @@ const pdCustomNotifierOptions: NotifierOptions = {
|
|||||||
AgmCoreModule.forRoot({apiKey: 'AIzaSyBtdO5k6CRntAMJCF-H5uZjTCoSGX95cdk'}),OwlDateTimeModule,
|
AgmCoreModule.forRoot({apiKey: 'AIzaSyBtdO5k6CRntAMJCF-H5uZjTCoSGX95cdk'}),OwlDateTimeModule,
|
||||||
OwlNativeDateTimeModule,
|
OwlNativeDateTimeModule,
|
||||||
],
|
],
|
||||||
exports: [PdAllocationComponent, SmartPdAllocationComponent, TelePdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, StartPdComponent, CompletedPdComponent, QcCompletedPdComponent, ClientInfoComponent, SupplierInfoComponent, PersonalInfoComponent, CurrentLoanComponent, LoanDetailsComponent, OtherIncomeComponent, AssetsInfoComponent, AddressComponent, FamilyDetailsComponent, BankingDetailsComponent, StockComponent, EmploymentInfoComponent, BusinessInfoComponent, FinancialInfoComponent, LenderRepresentativeComponent,RentalInfoComponent, AssessedIncomeComponent, AllocationViewMoreComponent, GeneralInfoComponent, PdRequirementComponent, OtherApplicantDetailsComponent, NeighbourHoodComponent, BusinessOtherFamilyMemberComponent, BusinessInfoGroupComponent,DailySalesDetailsComponent, SalesCalculationComponent, PurchaseDetailsComponent, BusinessExpenseDetailsComponent, HouseHoldDetailsComponent, OtherBusinessIncomeDetailsComponent, ManageSalesComponent, ManagePurchaseComponent, ManageBusinesExpenseComponent, ManageHouseHoldComponent, ManageOtherBusinessIncomeComponent, GrossProfitCalculationComponent, ManageDailySalesComponent, PdStatusChangeDialogueComponent, ViewLocationComponent, ConfirmAiDetailsComponent, RentalVerificationComponent],
|
exports: [PdAllocationComponent, SmartPdAllocationComponent, TelePdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, StartPdComponent, CompletedPdComponent, QcCompletedPdComponent, ClientInfoComponent, SupplierInfoComponent, PersonalInfoComponent, CurrentLoanComponent, LoanDetailsComponent, OtherIncomeComponent, AssetsInfoComponent, AddressComponent, FamilyDetailsComponent, BankingDetailsComponent, StockComponent, EmploymentInfoComponent, BusinessInfoComponent, FinancialInfoComponent, LenderRepresentativeComponent, AssessedIncomeComponent, AllocationViewMoreComponent, GeneralInfoComponent, PdRequirementComponent, OtherApplicantDetailsComponent, NeighbourHoodComponent, BusinessOtherFamilyMemberComponent, BusinessInfoGroupComponent,DailySalesDetailsComponent, SalesCalculationComponent, PurchaseDetailsComponent, BusinessExpenseDetailsComponent, HouseHoldDetailsComponent, OtherBusinessIncomeDetailsComponent, ManageSalesComponent, ManagePurchaseComponent, ManageBusinesExpenseComponent, ManageHouseHoldComponent, ManageOtherBusinessIncomeComponent, GrossProfitCalculationComponent, ManageDailySalesComponent, PdStatusChangeDialogueComponent, ViewLocationComponent, ConfirmAiDetailsComponent, RentalVerificationComponent],
|
||||||
providers: [PdTrigerService, GetGeometricLocationService,{provide: MAT_DATE_LOCALE, useValue: 'en-GB'},
|
providers: [PdTrigerService, GetGeometricLocationService,{provide: MAT_DATE_LOCALE, useValue: 'en-GB'},
|
||||||
{provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
|
{provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
|
||||||
{provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS}, PdLocatedMapViewDirective],
|
{provide: MAT_DATE_FORMATS, useValue: MAT_MOMENT_DATE_FORMATS}, PdLocatedMapViewDirective],
|
||||||
|
|
||||||
entryComponents: [PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, TelePdAllocationComponent, AllocationViewMoreComponent, PersonalInfoComponent,BusinessAssetsInfoComponent,
|
entryComponents: [PdAllocationComponent, SmartPdAllocationComponent, SchedulePdComponent, EditPdApplicantComponent, EditPdMasterComponent, TelePdAllocationComponent, AllocationViewMoreComponent, PersonalInfoComponent,BusinessAssetsInfoComponent,
|
||||||
ClientInfoComponent, SupplierInfoComponent, CurrentLoanComponent, LoanDetailsComponent, OtherIncomeComponent, AssetsInfoComponent, AddressComponent, FamilyDetailsComponent, BankingDetailsComponent, StockComponent, EmploymentInfoComponent, BusinessInfoComponent, FinancialInfoComponent, LenderRepresentativeComponent,RentalInfoComponent, AssessedIncomeComponent, GeneralInfoComponent, PdRequirementComponent, ModelEditPdReportComponent, OtherApplicantDetailsComponent, NeighbourHoodComponent, DialogChangeCurrentVenrsion, FinalRemarksComponent, BusinessOtherFamilyMemberComponent, QcReviewComponent, BusinessInfoGroupComponent,BusinessBankingDetailsComponent, ManageSalesComponent, ManagePurchaseComponent, ManageBusinesExpenseComponent, ManageHouseHoldComponent, ManageOtherBusinessIncomeComponent, ManageDailySalesComponent,PdStatusChangeDialogueComponent, ViewLocationComponent, ConfirmAiDetailsComponent, RentalVerificationComponent],
|
ClientInfoComponent, SupplierInfoComponent, CurrentLoanComponent, LoanDetailsComponent, OtherIncomeComponent, AssetsInfoComponent, AddressComponent, FamilyDetailsComponent, BankingDetailsComponent, StockComponent, EmploymentInfoComponent, BusinessInfoComponent, FinancialInfoComponent, LenderRepresentativeComponent, AssessedIncomeComponent, GeneralInfoComponent, PdRequirementComponent, ModelEditPdReportComponent, OtherApplicantDetailsComponent, NeighbourHoodComponent, DialogChangeCurrentVenrsion, FinalRemarksComponent, BusinessOtherFamilyMemberComponent, QcReviewComponent, BusinessInfoGroupComponent,BusinessBankingDetailsComponent, ManageSalesComponent, ManagePurchaseComponent, ManageBusinesExpenseComponent, ManageHouseHoldComponent, ManageOtherBusinessIncomeComponent, ManageDailySalesComponent,PdStatusChangeDialogueComponent, ViewLocationComponent, ConfirmAiDetailsComponent, RentalVerificationComponent],
|
||||||
|
|
||||||
})
|
})
|
||||||
export class ManagePdModule {
|
export class ManagePdModule {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user