asset amtinwds incomplete : ps
This commit is contained in:
parent
d67d0a3c66
commit
bfe5fed27a
@ -6,7 +6,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
<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>
|
<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>
|
</div>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
@ -35,29 +34,29 @@
|
|||||||
</div>
|
</div>
|
||||||
<!--Desction Dynamic details: START-->
|
<!--Desction Dynamic details: START-->
|
||||||
<div formArrayName="business_details" class="example-full-width">
|
<div formArrayName="business_details" class="example-full-width">
|
||||||
<!--Property-->
|
|
||||||
|
<!--Property-->
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 1 ">
|
<div *ngIf="sup.get('business_assets_mode').value == 1 ">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<!-- <div> -->
|
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<mat-select placeholder="Property Type" formControlName="property_type" >
|
<mat-select placeholder="Property Type" formControlName="property_type" >
|
||||||
<mat-option *ngFor="let prop of m_propertyType" [value]="prop.id">{{ prop.name }}</mat-option>
|
<mat-option *ngFor="let prop of m_propertyType" [value]="prop.id">{{ prop.name }}</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
<mat-form-field style="width:30%" *ngIf="detail.get('property_type').value == 5">
|
<mat-form-field style="width:30%" *ngIf="detail.get('property_type').value == 5">
|
||||||
<input matInput placeholder="Other Property Type" formControlName="other_property_type" autocomplete="off">
|
<input matInput placeholder="Other Property Type" formControlName="other_property_type" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!--Four Wheeler-->
|
|
||||||
|
<!--Four Wheeler-->
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 2">
|
<div *ngIf="sup.get('business_assets_mode').value == 2">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -67,14 +66,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!--Two Wheeler-->
|
|
||||||
|
<!--Two Wheeler-->
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 3">
|
<div *ngIf="sup.get('business_assets_mode').value == 3">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<!-- <div> -->
|
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_two_weeler" autocomplete="off">
|
<input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_two_weeler" autocomplete="off">
|
||||||
@ -82,11 +79,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!--Consumer Durable-->
|
|
||||||
|
<!--Consumer Durable-->
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 5">
|
<div *ngIf="sup.get('business_assets_mode').value == 5">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -96,85 +92,69 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Insurance-->
|
<!--Insurance-->
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 6">
|
<div *ngIf="sup.get('business_assets_mode').value == 6">
|
||||||
<!-- <div fxFill> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Premium Paid" formControlName="premium_paid" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Premium Paid" formControlName="premium_paid" (keypress)="keyPress($event)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div>
|
|
||||||
<div fxFlex="33"> -->
|
<mat-form-field style="width:30%">
|
||||||
<mat-form-field style="width:30%">
|
|
||||||
<mat-select placeholder="Frequency" formControlName="frequency_mode" >
|
<mat-select placeholder="Frequency" formControlName="frequency_mode" >
|
||||||
<mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
|
<mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field style="width:30%" *ngIf="detail.get('frequency_mode').value == 8 ">
|
|
||||||
|
<mat-form-field style="width:30%" *ngIf="detail.get('frequency_mode').value == 8 ">
|
||||||
<input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
|
<input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- </div>
|
|
||||||
<div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Sum Assured" formControlName="sum_assured" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Sum Assured" formControlName="sum_assured" (keypress)="keyPress($event)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
|
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Members Covered" formControlName="members_coverd" autocomplete="off">
|
<input matInput placeholder="Members Covered" formControlName="members_coverd" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Investments-->
|
<!--Investments-->
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 7">
|
<div *ngIf="sup.get('business_assets_mode').value == 7">
|
||||||
<div>
|
<div>
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<mat-select placeholder="Type" formControlName="investments_type" >
|
<mat-select placeholder="Type" formControlName="investments_type" >
|
||||||
<mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
|
<mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33" *ngIf="detail.get('investments_type').value == 6 "> -->
|
|
||||||
<mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6 ">
|
<mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6 ">
|
||||||
<input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
|
<input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33" > -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Amount of Investment" formControlName="amount_of_invest" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Amount of Investment" formControlName="amount_of_invest" (keypress)="keyPress($event)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div>
|
|
||||||
<div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Bank Name" formControlName="bank_name" autocomplete="off">
|
<input matInput placeholder="Bank Name" formControlName="bank_name" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--other assets-->
|
<!--other assets-->
|
||||||
<!-- <div *ngIf="sup.get('assets_mode').value == 8"> -->
|
|
||||||
<div *ngIf="sup.get('business_assets_mode').value == 8">
|
<div *ngIf="sup.get('business_assets_mode').value == 8">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -192,31 +172,26 @@
|
|||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,2)">
|
<mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,2)">
|
||||||
<mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{data.viewValue}}</mat-option>
|
<mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{data.viewValue}}</mat-option>
|
||||||
<!-- <mat-option value="yes">Yes</mat-option>
|
|
||||||
<mat-option value="no">No</mat-option>
|
|
||||||
<mat-option value="nan">NA</mat-option> -->
|
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- <mat-form-field class="ml-xs example-full-width" *ngIf="detail.get(any_other_asset_loan).value == 'yes'"> -->
|
<!-- <mat-form-field class="ml-xs example-full-width" *ngIf="detail.get(any_other_asset_loan).value == 'yes'"> -->
|
||||||
<mat-form-field style="width:95%" *ngIf="businessEmiAmtFlag">
|
<mat-form-field style="width:95%" *ngIf="businessEmiAmtFlag">
|
||||||
<!-- <mat-form-field class="ml-xs example-full-width"> -->
|
|
||||||
<input matInput placeholder="What is the EMI amount ?" formControlName="other_asset_emi_amt" autocomplete="off">
|
<input matInput placeholder="What is the EMI amount ?" formControlName="other_asset_emi_amt" autocomplete="off">
|
||||||
<!-- <span matSuffix>.00</span> -->
|
<!-- <span matSuffix>.00</span> -->
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!--Desction Dynamic details : END -->
|
|
||||||
<!-- {{sup.get('business_assets_mode').value}} -->
|
<!--Desction Dynamic details : END -->
|
||||||
<!-- <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 4" style="width:30%">
|
<mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 4" style="width:30%">
|
||||||
<input matInput placeholder="Approximate Market Value" formControlName="business_approximate_market_value" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Approximate Market Value" formControlName="business_approximate_market_value" (keypress)="keyPress($event)" autocomplete="off" (keyup)="inWords($event,i,1)">
|
||||||
|
<mat-hint align="start" style="font-size:70%" *ngIf="sup.get('business_approximate_market_value').value != ''">{{"₹"}} {{appxMarketAmtInwords[i]}} Only</mat-hint>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
<mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5" style="width:30%">
|
<mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5" style="width:30%">
|
||||||
@ -228,35 +203,31 @@
|
|||||||
|
|
||||||
<span *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5">
|
<span *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 2 || sup.get('business_assets_mode').value == 3 || sup.get('business_assets_mode').value == 4 || sup.get('business_assets_mode').value == 5">
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:95%">
|
<mat-form-field style="width:95%">
|
||||||
<mat-select placeholder="Is there a loan existing against this asset?" formControlName="business_emi">
|
<mat-select placeholder="Is there a loan existing against this asset?" formControlName="business_emi">
|
||||||
<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>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:95%" *ngIf="sup.get('business_emi').value === 'yes'">
|
<mat-form-field style="width:95%" *ngIf="sup.get('business_emi').value === 'yes'">
|
||||||
<input matInput placeholder="Amount of EMI on This Loan?" formControlName="business_emi_paid" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Amount of EMI on This Loan?" formControlName="business_emi_paid" (keypress)="keyPress($event)" autocomplete="off" (keyup)="inWords($event,i,3)">
|
||||||
|
<mat-hint align="start" style="font-size:70%" *ngIf="sup.get('business_emi_paid').value != ''">{{"₹"}} {{emiAmtInwords[i]}} Only</mat-hint>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('business_emi').value === 'yes'" style="width:30%">
|
<mat-form-field *ngIf="sup.get('business_emi').value === 'yes'" style="width:30%">
|
||||||
<input matInput placeholder="Original Loan Tenure in Months" formControlName="business_original_loan_tenure" autocomplete="off" (change)="loanTenureCalc(sup,2)">
|
<input matInput placeholder="Original Loan Tenure in Months" formControlName="business_original_loan_tenure" autocomplete="off" (change)="loanTenureCalc(sup,2)">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div>
|
|
||||||
<div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33" style="width:95%"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('business_emi').value === 'yes'" style="width:30%">
|
<mat-form-field *ngIf="sup.get('business_emi').value === 'yes'" style="width:30%">
|
||||||
<input matInput placeholder="Balance Tenure in Months" formControlName="business_balance_tenure" autocomplete="off" (change)="loanTenureCalc(sup,2)">
|
<input matInput placeholder="Balance Tenure in Months" formControlName="business_balance_tenure" autocomplete="off" (change)="loanTenureCalc(sup,2)">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div *ngIf="sup.get('business_emi').value === 'yes' && sup.get('business_original_loan_tenure').value != '' && sup.get('business_balance_tenure').value != '' " fxFlex="33" style="width:95%"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('business_emi').value === 'yes' && sup.get('business_original_loan_tenure').value != '' && sup.get('business_balance_tenure').value != '' " style="width:30%">
|
<mat-form-field *ngIf="sup.get('business_emi').value === 'yes' && sup.get('business_original_loan_tenure').value != '' && sup.get('business_balance_tenure').value != '' " style="width:30%">
|
||||||
<input matInput placeholder="Elapsed Tenure in Months" formControlName="business_elapsed_tenure" autocomplete="off">
|
<input matInput placeholder="Elapsed Tenure in Months" formControlName="business_elapsed_tenure" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@ -314,7 +285,6 @@
|
|||||||
<div formArrayName="details" class="example-full-width">
|
<div formArrayName="details" class="example-full-width">
|
||||||
<!--Property-->
|
<!--Property-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 1 ">
|
<div *ngIf="sup.get('assets_mode').value == 1 ">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -329,7 +299,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!--Four Wheeler-->
|
<!--Four Wheeler-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 2">
|
<div *ngIf="sup.get('assets_mode').value == 2">
|
||||||
@ -345,7 +314,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<!--Two Wheeler-->
|
<!--Two Wheeler-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 3">
|
<div *ngIf="sup.get('assets_mode').value == 3">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -355,7 +323,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!--jwell details -->
|
<!--jwell details -->
|
||||||
<!--<div *ngIf="sup.get('assets_mode').value == 4">
|
<!--<div *ngIf="sup.get('assets_mode').value == 4">
|
||||||
@ -373,7 +340,6 @@
|
|||||||
</div>-->
|
</div>-->
|
||||||
<!--Consumer Durable-->
|
<!--Consumer Durable-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 5">
|
<div *ngIf="sup.get('assets_mode').value == 5">
|
||||||
|
|
||||||
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -383,21 +349,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Insurance-->
|
<!--Insurance-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 6">
|
<div *ngIf="sup.get('assets_mode').value == 6">
|
||||||
<!-- <div fxFill> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Premium Paid" formControlName="premium_paid" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Premium Paid" formControlName="premium_paid" (keypress)="keyPress($event)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div>
|
|
||||||
<div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<mat-select placeholder="Frequency" formControlName="frequency_mode" >
|
<mat-select placeholder="Frequency" formControlName="frequency_mode" >
|
||||||
<mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
|
<mat-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
|
||||||
@ -406,69 +367,57 @@
|
|||||||
<mat-form-field style="width:30%" *ngIf="detail.get('frequency_mode').value == 8 ">
|
<mat-form-field style="width:30%" *ngIf="detail.get('frequency_mode').value == 8 ">
|
||||||
<input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
|
<input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- </div>
|
|
||||||
<div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Sum Assured" formControlName="sum_assured" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Sum Assured" formControlName="sum_assured" (keypress)="keyPress($event)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
|
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Members Covered" formControlName="members_coverd" autocomplete="off">
|
<input matInput placeholder="Members Covered" formControlName="members_coverd" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- </div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
<!--Investments-->
|
<!--Investments-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 7">
|
<div *ngIf="sup.get('assets_mode').value == 7">
|
||||||
<div>
|
<div>
|
||||||
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33%" class="ml-xs example-full-width"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<mat-select placeholder="Type" formControlName="investments_type" >
|
<mat-select placeholder="Type" formControlName="investments_type" >
|
||||||
<mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
|
<mat-option *ngFor="let ins_type of m_investmentType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33" "> -->
|
|
||||||
<!-- <div fxFlex="33%" > -->
|
|
||||||
<mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6">
|
<mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6">
|
||||||
<input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
|
<input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33%" > -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Amount of Investment" formControlName="amount_of_invest" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Amount of Investment" formControlName="amount_of_invest" (keypress)="keyPress($event)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33%"> -->
|
|
||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<input matInput placeholder="Bank Name" formControlName="bank_name" autocomplete="off">
|
<input matInput placeholder="Bank Name" formControlName="bank_name" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--other assets-->
|
<!--other assets-->
|
||||||
<div *ngIf="sup.get('assets_mode').value == 8">
|
<div *ngIf="sup.get('assets_mode').value == 8">
|
||||||
<!-- <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
|
|
||||||
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
<div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
|
||||||
<div [formGroupName]="s">
|
<div [formGroupName]="s">
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
@ -483,12 +432,10 @@
|
|||||||
<mat-form-field style="width:30%">
|
<mat-form-field style="width:30%">
|
||||||
<mat-select placeholder="Name of the Owner"
|
<mat-select placeholder="Name of the Owner"
|
||||||
formControlName="name_of_the_owner" >
|
formControlName="name_of_the_owner" >
|
||||||
|
|
||||||
<mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
|
<mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
|
||||||
|
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- <div> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''" style="width:30%">
|
<mat-form-field *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''" style="width:30%">
|
||||||
<input matInput placeholder="Specify Owner Name"
|
<input matInput placeholder="Specify Owner Name"
|
||||||
formControlName="other_owner" autocomplete="off">
|
formControlName="other_owner" autocomplete="off">
|
||||||
@ -503,7 +450,7 @@
|
|||||||
</mat-option>
|
</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div>---- -->
|
|
||||||
<!-- <mat-form-field class="ml-xs example-full-width"> -->
|
<!-- <mat-form-field class="ml-xs example-full-width"> -->
|
||||||
<!-- <input matInput placeholder="Is Any Loan" formControlName="any_other_asset_loan" > -->
|
<!-- <input matInput placeholder="Is Any Loan" formControlName="any_other_asset_loan" > -->
|
||||||
<!-- </mat-form-field> -->
|
<!-- </mat-form-field> -->
|
||||||
@ -522,14 +469,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--Desction Dynamic details : END -->
|
<!--Desction Dynamic details : END -->
|
||||||
<!--<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">-->
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 4" style="width:30%">
|
<mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 4" style="width:30%">
|
||||||
<input matInput placeholder="Approximate Market Value" formControlName="approximate_market_value" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Approximate Market Value" formControlName="approximate_market_value" (keypress)="keyPress($event)" autocomplete="off" (keyup)="inWords($event,i,2)">
|
||||||
|
<mat-hint align="start" style="font-size:70%" *ngIf="sup.get('approximate_market_value').value != ''">{{"₹"}} {{OtherAppxMarketAmtInwords[i]}} Only</mat-hint>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
<mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:30%">
|
<mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:30%">
|
||||||
@ -554,35 +500,31 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:95%">
|
<mat-form-field *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 4 || sup.get('assets_mode').value == 5" style="width:95%">
|
||||||
<mat-select placeholder="Is there a loan existing against this asset?" formControlName="emi">
|
<mat-select placeholder="Is there a loan existing against this asset?" formControlName="emi">
|
||||||
<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>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:95%">
|
<mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:95%">
|
||||||
<input matInput placeholder="Amount of EMI on This Loan?" formControlName="emi_paid" (keypress)="keyPress($event)" autocomplete="off">
|
<input matInput placeholder="Amount of EMI on This Loan?" formControlName="emi_paid" (keypress)="keyPress($event)" autocomplete="off" (keyup)="inWords($event,i,4)">
|
||||||
|
<mat-hint align="start" style="font-size:70%" *ngIf="sup.get('emi_paid').value != ''">{{"₹"}} {{OtherEmiAmtInwords[i]}} Only</mat-hint>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:30%">
|
<mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:30%">
|
||||||
<input matInput placeholder="Original Loan Tenure in Months" formControlName="original_loan_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
|
<input matInput placeholder="Original Loan Tenure in Months" formControlName="original_loan_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33" > -->
|
|
||||||
<mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:30%">
|
<mat-form-field *ngIf="sup.get('emi').value === 'yes'" style="width:30%">
|
||||||
<input matInput placeholder="Balance Tenure in Months" formControlName="balance_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
|
<input matInput placeholder="Balance Tenure in Months" formControlName="balance_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- </div> -->
|
|
||||||
<!-- <div fxFlex="33" style="width:95%"> -->
|
|
||||||
<mat-form-field *ngIf="sup.get('emi').value === 'yes' && sup.get('original_loan_tenure').value != '' && sup.get('balance_tenure').value != '' " style="width:30%">
|
<mat-form-field *ngIf="sup.get('emi').value === 'yes' && sup.get('original_loan_tenure').value != '' && sup.get('balance_tenure').value != '' " style="width:30%">
|
||||||
<input matInput placeholder="Elapsed Tenure in Months" formControlName="elapsed_tenure" autocomplete="off">
|
<input matInput placeholder="Elapsed Tenure in Months" formControlName="elapsed_tenure" autocomplete="off">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
||||||
@ -592,7 +534,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- </div> -->
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -43,6 +43,10 @@ export class AssetsInfoComponent implements OnInit {
|
|||||||
public m_any_asset_loan_type = [{'value': "yes",'viewValue': "Yes"},
|
public m_any_asset_loan_type = [{'value': "yes",'viewValue': "Yes"},
|
||||||
{'value': "no",'viewValue': "No"},
|
{'value': "no",'viewValue': "No"},
|
||||||
{'value': "nan",'viewValue': "NA"}]
|
{'value': "nan",'viewValue': "NA"}]
|
||||||
|
appxMarketAmtInwords : any = [];
|
||||||
|
OtherAppxMarketAmtInwords : any = [];
|
||||||
|
emiAmtInwords : any = [];
|
||||||
|
OtherEmiAmtInwords : any = [];
|
||||||
// public m_assets_type = [
|
// public m_assets_type = [
|
||||||
// {
|
// {
|
||||||
// 'id': "1",
|
// 'id': "1",
|
||||||
@ -960,14 +964,17 @@ public m_investmentType = [];
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// {
|
/** Amount InWords */
|
||||||
// 'main_raw_materials': 'sdkjfal',
|
inWords(e,i,flag){
|
||||||
// 'supplier_details' ; [
|
switch(flag){
|
||||||
// {
|
case 1 :
|
||||||
// 'supplier_name':'ldskjfalks',
|
this.appxMarketAmtInwords[i] = this.pdTrigerService.convertNumberToWords(e.target.value);
|
||||||
// 'payment_mode': '1',
|
break;
|
||||||
// 'payment_mode_value':''
|
case 2 :
|
||||||
// }
|
this.OtherAppxMarketAmtInwords[i] = this.pdTrigerService.convertNumberToWords(e.target.value);
|
||||||
// ]
|
break;
|
||||||
// }
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -105,7 +105,7 @@ export class BankingDetailsComponent implements OnInit {
|
|||||||
} else {
|
} else {
|
||||||
result.forEach((datas,index) => {
|
result.forEach((datas,index) => {
|
||||||
this.amtInwords[index] = this._pd.convertNumberToWords(datas.limit);
|
this.amtInwords[index] = this._pd.convertNumberToWords(datas.limit);
|
||||||
this. selectedBorrower(datas.applicant_name,index);
|
this.selectedBorrower(datas.applicant_name,index);
|
||||||
this.selectedAccTypeChanges(datas.account_type,index)
|
this.selectedAccTypeChanges(datas.account_type,index)
|
||||||
|
|
||||||
// this.emiAmtInwords[index] = this._pd.convertNumberToWords(val.emi);
|
// this.emiAmtInwords[index] = this._pd.convertNumberToWords(val.emi);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user