Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css assets : ps

Browse Source
This commit is contained in:
venbaSriram 2019-01-01 18:40:20 +05:30
parent 46f7cba39f
commit d67d0a3c66
4 changed files with 414 additions and 466 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

418
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
View File

@ -37,101 +37,106 @@
<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 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> -->
<mat-form-field style="width:100%"> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<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>
</div> <mat-form-field style="width:30%" *ngIf="detail.get('property_type').value == 5">
<div>
<mat-form-field *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> </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 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">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:30%">
<input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler" autocomplete="off"> <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </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 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> -->
<mat-form-field class="ml-xs example-full-width"> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<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">
</mat-form-field> </mat-form-field>
</div> </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 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">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:95%">
<input matInput placeholder="Description" formControlName="consumer_durable_description" > <input matInput placeholder="Description" formControlName="consumer_durable_description" >
</mat-form-field> </mat-form-field>
</div> </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 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"> <!-- <div fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width"> <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>
<div fxFlex="33"> <div fxFlex="33"> -->
<mat-form-field> <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 ">
<input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
</mat-form-field>
</div> </div>
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width"> <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<!-- </div>
<div fxFlex="33"> -->
<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> -->
</div>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> <!-- <div fxFlex="33"> -->
<div fxFlex="33"> <mat-form-field style="width:30%">
<mat-form-field class="ml-xs example-full-width">
<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('business_assets_mode').value == 7"> <div *ngIf="sup.get('business_assets_mode').value == 7">
@ -139,28 +144,28 @@
<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"> <!-- <div fxFlex="33"> -->
<mat-form-field> <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> -->
<div fxFlex="33" *ngIf="detail.get('investments_type').value == 6 "> <!-- <div fxFlex="33" *ngIf="detail.get('investments_type').value == 6 "> -->
<mat-form-field> <mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6 ">
<input matInput placeholder="Specify Other 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" > <!-- <div fxFlex="33" > -->
<mat-form-field class="ml-xs example-full-width"> <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 fxFlex="33"> <div fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width"> <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>
@ -169,29 +174,31 @@
<!--other assets--> <!--other assets-->
<!-- <div *ngIf="sup.get('assets_mode').value == 8"> --> <!-- <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 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">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:95%">
<input matInput placeholder="Description of the Assets" formControlName="any_other_assets" autocomplete="off"> <input matInput placeholder="Description of the Assets" formControlName="any_other_assets" autocomplete="off">
</mat-form-field> </mat-form-field>
<mat-form-field class="ml-xs example-full-width"> </div>
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width:30%">
<input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value" autocomplete="off"> <input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value" autocomplete="off">
</mat-form-field> </mat-form-field>
<!-- <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> -->
<mat-form-field class="ml-xs example-full-width"> <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">{{d.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="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
<mat-option value="nan">NA</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 class="ml-xs example-full-width" *ngIf="businessEmiAmtFlag"> <mat-form-field style="width:95%" *ngIf="businessEmiAmtFlag">
<!-- <mat-form-field class="ml-xs example-full-width"> --> <!-- <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> -->
@ -199,101 +206,68 @@
</div> </div>
</div> </div>
</div> </div>
</div> <!-- </div> -->
</div> </div>
</div> </div>
<!--Desction Dynamic details : END --> <!--Desction Dynamic details : END -->
<!-- {{sup.get('business_assets_mode').value}} --> <!-- {{sup.get('business_assets_mode').value}} -->
<!-- <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">
<div *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 4"> <mat-form-field *ngIf="sup.get('business_assets_mode').value == 1 || sup.get('business_assets_mode').value == 4" style="width:30%">
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width">
<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">
</mat-form-field> </mat-form-field>
</div>
</div>
<div *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 fxFlex="33"> <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 class="ml-xs example-full-width">
<input matInput placeholder="Name of the Business Owner" formControlName="business_name_of_the_owner" autocomplete="off"> <input matInput placeholder="Name of the Business Owner" formControlName="business_name_of_the_owner" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </div>
<!-- <div fxFlex="33">
<mat-form-field class="ml-xs example-full-width">
<mat-select placeholder="Name of the Owner"
formControlName="business_name_of_the_owner" >
<mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width" *ngIf="sup.get('business_name_of_the_owner').value == 0">
<input matInput placeholder="Specify Other Owner Name"
formControlName="other_owner" autocomplete="off">
</mat-form-field>
</div>
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width">
<mat-select placeholder="Relation" formControlName="relation" >
<mat-option value="{{relations.relationship_id}}"
*ngFor="let relations of m_relation">
{{relations.name}}
</mat-option>
</mat-select>
</mat-form-field>
</div> -->
</div> <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>
<div *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"> <!-- <div fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width" 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> -->
<div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> <!-- <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width" style="width:95%"> <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">
</mat-form-field> </mat-form-field>
</div> <!-- </div> -->
<div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> <!-- <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width" style="width:95%"> <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>
<div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33" style="width:95%"> <div *ngIf="sup.get('business_emi').value === 'yes'" fxFlex="33" style="width:95%"> -->
<mat-form-field class="ml-xs example-full-width"> <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> -->
<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%"> <!-- <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 class="ml-xs example-full-width"> <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> --> <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
<!-- </div> -->
</div> </div>
</div> </span>
</div>
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none"> <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
<div fxFlex="20"> <!-- <div fxFlex="20"> -->
<span *ngIf="_assetsQuesFrom.controls.business_assets_details.controls.length > 1" (click)="removeAssetsDetails(i,2)"> <span *ngIf="_assetsQuesFrom.controls.business_assets_details.controls.length > 1" (click)="removeAssetsDetails(i,2)">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
</span> </span>
</div> <!-- </div> -->
</div> </div>
</div> </div>
</mat-card-content> </mat-card-content>
@ -340,52 +314,48 @@
<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 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> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width:100%"> <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>
</div> <mat-form-field *ngIf="detail.get('property_type').value == 5" style="width:30%">
<div>
<mat-form-field *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> </div>
<!--Four Wheeler--> <!--Four Wheeler-->
<div *ngIf="sup.get('assets_mode').value == 2"> <div *ngIf="sup.get('assets_mode').value == 2">
<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> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:30%">
<input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler" autocomplete="off"> <input matInput placeholder="Manufacturer, Model" formControlName="manufacturer_model_four_weeler" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </div>
</div> </div>
</div> </div>
</div> </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 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> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field class="ml-xs example-full-width"> <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">
</mat-form-field> </mat-form-field>
</div> </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">
@ -403,92 +373,94 @@
</div>--> </div>-->
<!--Consumer Durable--> <!--Consumer Durable-->
<div *ngIf="sup.get('assets_mode').value == 5"> <div *ngIf="sup.get('assets_mode').value == 5">
<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> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:95%">
<input matInput placeholder="Description" formControlName="consumer_durable_description" > <input matInput placeholder="Description" formControlName="consumer_durable_description" >
</mat-form-field> </mat-form-field>
</div> </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 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"> <!-- <div fxFlex="33"> -->
<mat-form-field> <mat-form-field style="width:30%">
<mat-select placeholder="Type" formControlName="insurance_type" >
<mat-option *ngFor="let ins_type of m_insuranceType" [value]="ins_type.id">{{ ins_type.name }}</mat-option>
</mat-select>
</mat-form-field>
</div>-->
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width">
<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>
<div fxFlex="33"> <div fxFlex="33"> -->
<mat-form-field> <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 ">
<input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
</mat-form-field>
</div> </div>
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width"> <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<!-- </div>
<div fxFlex="33"> -->
<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> -->
</div>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> <!-- <div fxFlex="33"> -->
<div fxFlex="33"> <mat-form-field style="width:30%">
<mat-form-field class="ml-xs example-full-width">
<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> <!-- </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"> <!-- <div fxFlex="33%" class="ml-xs example-full-width"> -->
<mat-form-field> <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 "> -->
<div fxFlex="33%" >
<mat-form-field class="ml-xs example-full-width">
<input matInput placeholder="Specify Other Type" formControlName="other_investments_type" autocomplete="off">
</mat-form-field>
</div>
<!-- </div> --> <!-- </div> -->
<div fxFlex="33%" > <!-- <div fxFlex="33" "> -->
<mat-form-field class="ml-xs example-full-width"> <!-- <div fxFlex="33%" > -->
<mat-form-field style="width:30%" *ngIf="detail.get('investments_type').value == 6">
<input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
</mat-form-field>
<!-- </div> -->
<!-- </div> -->
<!-- <div fxFlex="33%" > -->
<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>
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<div fxFlex="33%"> <!-- <div fxFlex="33%"> -->
<mat-form-field class="ml-xs example-full-width"> <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>
@ -496,17 +468,19 @@
</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 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> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:95%">
<input matInput placeholder="Description of the Assets" formControlName="any_other_assets" autocomplete="off"> <input matInput placeholder="Description of the Assets" formControlName="any_other_assets" autocomplete="off">
</mat-form-field> </mat-form-field>
<mat-form-field class="ml-xs example-full-width"> </div>
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field style="width:30%">
<input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value" autocomplete="off"> <input matInput placeholder="Value of the Assets" formControlName="any_other_asset_value" autocomplete="off">
</mat-form-field> </mat-form-field>
<mat-form-field class="ml-xs example-full-width"> <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" >
@ -514,14 +488,14 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<div *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''"> <!-- <div> -->
<mat-form-field class="ml-xs example-full-width" > <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 Other Owner Name" <input matInput placeholder="Specify Owner Name"
formControlName="other_owner" autocomplete="off"> formControlName="other_owner" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </div>
<div> <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:30%">
<mat-select placeholder="Relation" formControlName="relation" > <mat-select placeholder="Relation" formControlName="relation" >
<mat-option value="{{relations.relationship_id}}" <mat-option value="{{relations.relationship_id}}"
*ngFor="let relations of m_relation"> *ngFor="let relations of m_relation">
@ -529,18 +503,18 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div><!---- --> <!-- </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> -->
<mat-form-field class="ml-xs example-full-width"> <mat-form-field style="width:30%">
<mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,1)"> <mat-select placeholder="Is there any asset loan?" formControlName="any_other_asset_loan" (selectionChange)="selectedAssetLoanType($event.value,1)">
<mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{d.viewValue}}</mat-option> <mat-option value="{{data.value}}" *ngFor="let data of m_any_asset_loan_type">{{data.viewValue}}</mat-option>
</mat-select> </mat-select>
<!-- <input matInput placeholder="What is the EMI amount ?" formControlName="any_other_asset_loan" autocomplete="off"> --> <!-- <input matInput placeholder="What is the EMI amount ?" formControlName="any_other_asset_loan" autocomplete="off"> -->
</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 class="ml-xs example-full-width" *ngIf="otherEmiamtFlag"> <mat-form-field style="width:30%" *ngIf="otherEmiamtFlag">
<!-- <mat-form-field class="ml-xs example-full-width"> --> <!-- <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> -->
@ -548,43 +522,28 @@
</div> </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 *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 4"> <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 == 4" style="width:30%">
<mat-form-field class="ml-xs example-full-width">
<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">
</mat-form-field> </mat-form-field>
</div>
</div>
<div *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">
<!-- <div fxFlex="33">
<mat-form-field class="ml-xs example-full-width">
<input matInput placeholder="Name of the Owner" formControlName="name_of_the_owner" autocomplete="off">
</mat-form-field>
</div> -->
<div fxFlex="33">
<mat-form-field class="ml-xs example-full-width">
<mat-select placeholder="Name of the Owner"
formControlName="name_of_the_owner" >
<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-select placeholder="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>
<div fxFlex="33" *ngIf="sup.get('name_of_the_owner').value == 0 && sup.get('name_of_the_owner').value != ''"> <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 class="ml-xs example-full-width" > <input matInput placeholder="Specify Owner Name"
<input matInput placeholder="Specify Other Owner Name"
formControlName="other_owner" autocomplete="off"> formControlName="other_owner" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> <!-- check -->
<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:30%">
<mat-form-field class="ml-xs example-full-width">
<mat-select placeholder="Relation" formControlName="relation" > <mat-select placeholder="Relation" formControlName="relation" >
<mat-option value="{{relations.relationship_id}}" <mat-option value="{{relations.relationship_id}}"
*ngFor="let relations of m_relation"> *ngFor="let relations of m_relation">
@ -593,50 +552,37 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
</div>
<!--</div>-->
<!---- <div *ngIf="sup.get('assets_mode').value == 1 || sup.get('assets_mode').value == 2 || sup.get('assets_mode').value == 3 || sup.get('assets_mode').value == 5">
<label>Year and Month of Purchase?</label>
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
<mat-form-field>
<input matInput type="number" placeholder="Year" formControlName="purchase_year">
</mat-form-field>
<mat-form-field>
<input matInput type="number" placeholder="Month" formControlName="purchase_month">
</mat-form-field>
</div>
</div>-->
<div *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">
<div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
<div fxFlex="33"> <!-- <div fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width" 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> -->
<div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33"> <!-- <div fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width" 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">
</mat-form-field> </mat-form-field>
</div> <!-- </div> -->
<div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33"> <!-- <div fxFlex="33"> -->
<mat-form-field class="ml-xs example-full-width" style="width:95%"> <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> -->
<div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33" style="width:95%"> <!-- <div *ngIf="sup.get('emi').value === 'yes'" fxFlex="33" > -->
<mat-form-field class="ml-xs example-full-width"> <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> -->
<div *ngIf="sup.get('emi').value === 'yes' && sup.get('original_loan_tenure').value != '' && sup.get('balance_tenure').value != '' " fxFlex="33" style="width:95%"> <!-- <div fxFlex="33" style="width:95%"> -->
<mat-form-field class="ml-xs example-full-width"> <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> --> <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
</div> <!-- </div> -->
</div> </div>
</div> </div>
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none"> <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
@ -646,7 +592,7 @@
</span> </span>
</div> </div>
</div> </div>
</div> <!-- </div> -->
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
View File

@ -507,6 +507,7 @@ public m_investmentType = [];
//insurance_type: [''], //insurance_type: [''],
premium_paid: [''], premium_paid: [''],
frequency_mode: [''], frequency_mode: [''],
other_frequency_mode:[''],
sum_assured: [''], sum_assured: [''],
members_coverd: [''] members_coverd: ['']
}); });
@ -582,6 +583,7 @@ public m_investmentType = [];
//insurance_type: [data.insurance_type], //insurance_type: [data.insurance_type],
premium_paid: [data.premium_paid], premium_paid: [data.premium_paid],
frequency_mode: [data.frequency_mode], frequency_mode: [data.frequency_mode],
other_frequency_mode:[data.other_frequency_mode],
sum_assured: [data.sum_assured], sum_assured: [data.sum_assured],
members_coverd: [data.members_coverd] members_coverd: [data.members_coverd]
}); });

4
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
View File

@ -289,8 +289,8 @@ validateAllFormFields(formGroup: any) {
/** To Convert Month into Year */ /** To Convert Month into Year */
ConvertMonthintoYear(itemrow,e){ ConvertMonthintoYear(itemrow,e){
console.log(itemrow); // console.log(itemrow);
console.log(e); // console.log(e);
let year = itemrow.controls.year_relation_applicant.value; let year = itemrow.controls.year_relation_applicant.value;
let converted_month : number = e%12; let converted_month : number = e%12;