UI changes
This commit is contained in:
venbatechnologies@gmail.com
parent
95d7d7db52
commit
b2dd7f8e19
@ -47,7 +47,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="33">
|
||||
<mat-form-field style="width: 80%;">
|
||||
<mat-form-field style="width: 100%;">
|
||||
<mat-select placeholder="Locality" formControlName="locality" required>
|
||||
<mat-option value="{{m_locality.locality_id}}"
|
||||
*ngFor="let m_locality of localityData">{{m_locality.locality_name}}
|
||||
|
||||
@ -39,28 +39,28 @@
|
||||
<!-- {{frequencyData | json}} -->
|
||||
<!-- Loan type, Loan amount, Lender, Loan Taken By, Instalment Frequency, Instalment Amount, Original Tenure, Balance Tenure -->
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<mat-select placeholder="Loan Type" formControlName="loan_type" >
|
||||
<mat-option value="{{types.existing_loan_type_id}}" *ngFor="let types of loanTypeData">{{types.loan_type_name}}</mat-option>
|
||||
</mat-select>
|
||||
<!-- <input matInput autocomplete="off" placeholder="Loan Type" formControlName="loan_type" > -->
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="details.get('loan_type').value == 1 ">
|
||||
<mat-form-field *ngIf="details.get('loan_type').value == 1 " style="width:45%;">
|
||||
<input matInput autocomplete="off" placeholder="Specify Loan Type" formControlName="others_loan_type">
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<input matInput autocomplete="off" placeholder="Loan Amount" formControlName="loan_amount" (keypress)="keyPress($event)" (keyup)="inWords($event,i,1)">
|
||||
<mat-hint my-mat-hint align="start" style="font-size:90%" *ngIf="details.get('loan_amount').value != ''">{{"₹"}} {{amtInwords[i]}} Only</mat-hint>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<mat-select placeholder="Lender" formControlName="lender" >
|
||||
<mat-option *ngFor="let btLen of lenderData" [value]="btLen.bt_lender_list_id">{{ btLen.lender_name }}</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="details.get('lender').value == 3">
|
||||
<mat-form-field *ngIf="details.get('lender').value == 3" style="width:45%;">
|
||||
<input matInput autocomplete="off" placeholder="Specify Lender" formControlName="others_lender" >
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<!-- <mat-select placeholder="Loan Taken By" formControlName="loan_taken_by" (selectionChange)="selectedBorrower($event.value,i)">
|
||||
<mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
|
||||
<!-- <mat-option value= 0 >Others</mat-option> ->
|
||||
@ -75,7 +75,7 @@
|
||||
</mat-form-field>
|
||||
<!-- {{details.get('loan_taken_by').value}} -->
|
||||
<!-- <mat-form-field *ngIf="details.get('loan_taken_by').value == 0"> -->
|
||||
<mat-form-field *ngIf="checkOthers(details.get('loan_taken_by').value)===true" style="width:45%">
|
||||
<mat-form-field style="width:45%;" *ngIf="checkOthers(details.get('loan_taken_by').value)===true">
|
||||
<input matInput autocomplete="off" placeholder="Specify Borrower" formControlName="others_loan_taken">
|
||||
</mat-form-field>
|
||||
|
||||
|
||||
@ -280,7 +280,7 @@
|
||||
<mat-card-content>
|
||||
|
||||
<div>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<mat-select placeholder="Select a person" formControlName="selected_person" (selectionChange)="selectedPerson($event.value,ix)" required>
|
||||
<mat-option value="{{person.pd_co_applicant_id}}" *ngFor="let person of selectPerson">
|
||||
{{person.applicant_name}}
|
||||
@ -291,31 +291,31 @@
|
||||
</div>
|
||||
<div>
|
||||
<h5>Residence Details</h5>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<mat-select matInput placeholder="State" formControlName="residence_state" required (selectionChange)="getCity($event.value,ix)" >
|
||||
<mat-option value="{{s.state_id}}" *ngFor="let s of stateData">
|
||||
{{s.name}}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<mat-select matInput placeholder="City" formControlName="residence_city" required>
|
||||
<mat-option *ngFor="let c of cityData[ix]" [value]="c.city_id" >
|
||||
{{c.city_name}}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<input matInput placeholder="Place" formControlName="residence_place" required>
|
||||
</mat-form-field>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:45%;">
|
||||
<mat-select matInput placeholder="Pin" formControlName="residence_pin" required>
|
||||
<mat-option *ngFor="let p of pincodeData[ix]" [value]="p.pincode_id">
|
||||
{{p.pincode}}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<mat-form-field *ngIf="sup.get('residence_pin').value == 1">
|
||||
<mat-form-field *ngIf="sup.get('residence_pin').value == 1" style="width:45%;">
|
||||
<input matInput placeholder="Specify PinCode" formControlName="residence_other_pincode">
|
||||
</mat-form-field>
|
||||
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
<input matInput placeholder="Loan Amount Applied for ? " formControlName="loan_amount" (keypress)="keyPress($event)" (keyup)="inWords($event,1)" (change)="loanCalc()" autocomplete="off">
|
||||
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['loan_amount'].value != ''">{{"₹"}} {{loanAmtInWords}} Only</mat-hint>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 28%">
|
||||
<mat-form-field style="width: 64%">
|
||||
<mat-select multiple (selectionChange)="endUserChange($event.value)" placeholder="What is the end use" formControlName="end_use" >
|
||||
<mat-option *ngFor="let enduse of m_endUseForLoan" [value]="enduse.enduse_of_loan_id">{{ enduse.enduse_of_loan}}</mat-option>
|
||||
</mat-select>
|
||||
@ -105,17 +105,17 @@
|
||||
<mat-card *ngIf="mortageCardAccess">
|
||||
<mat-card-header><p>Details of Property being Mortgaged</p></mat-card-header>
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:50%;">
|
||||
<mat-select placeholder="Type of Property" formControlName="property_type" (selectionChange)="mortage_type($event.value)" >
|
||||
<mat-option *ngFor="let typeprop of m_mortageTypeProperty" [value]="typeprop.mortage_property_id">{{ typeprop.property_name }}</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field *ngIf="mortageAccess">
|
||||
<mat-form-field *ngIf="mortageAccess" style="width:50%;">
|
||||
<input matInput placeholder="Specify Type of Property" formControlName="property_type_others" autocomplete="off">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:50%;">
|
||||
<mat-select multiple placeholder="Name of the Owner"
|
||||
formControlName="owner_name" [compareWith]="compareObjects" required>
|
||||
<mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
|
||||
@ -149,7 +149,7 @@
|
||||
<input matInput placeholder="Specify Other Owner Name" formControlName="other_owners_name" autocomplete="off">
|
||||
</mat-form-field> -->
|
||||
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:50%;">
|
||||
<mat-select placeholder="Status of Construction" formControlName="construction_status" >
|
||||
<mat-option *ngFor="let status of m_statusofCunstruction" [value]="status.id">{{ status.name }}</mat-option>
|
||||
</mat-select>
|
||||
|
||||
@ -19,18 +19,18 @@
|
||||
<div fxLayout="row wrap">
|
||||
<div fxFlex="100">
|
||||
|
||||
<mat-form-field>
|
||||
<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>
|
||||
<mat-form-field style="width:35%;">
|
||||
<mat-select placeholder="Property Owner" formControlName="property_own">
|
||||
<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>
|
||||
<mat-form-field style="width:35%;">
|
||||
<mat-select placeholder="Nature of the let out property" formControlName="nature_property">
|
||||
<mat-option value="residentail/commercial">Residential/commercial</mat-option>
|
||||
<mat-option value="other">other</mat-option>
|
||||
@ -182,14 +182,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</mat-card>
|
||||
<mat-form-field>
|
||||
<mat-form-field style="width:35%;">
|
||||
<mat-select placeholder="Photogaraphs of the Property"
|
||||
formControlName="property_photographs">
|
||||
<mat-option value="yes">Yes</mat-option>
|
||||
<mat-option value="no">No</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user