From bfe5fed27a036401700b26928fef6c339983fa88 Mon Sep 17 00:00:00 2001
From: venbaSriram <sriram.v@venbainfotech.com>
Date: Tue, 1 Jan 2019 21:06:19 +0530
Subject: [PATCH] asset amtinwds incomplete  : ps

---
 .../assets-info/assets-info.component.html    | 172 ++++++------------
 .../assets-info/assets-info.component.ts      |  27 ++-
 .../banking-details.component.ts              |   2 +-
 3 files changed, 75 insertions(+), 126 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
index 40e14ff6c..d2346740d 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.html
@@ -6,7 +6,6 @@
         </div>
         <div fxFlex="30" align="end" style="padding: 10px !important;">
                 <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
-        
         </div>
 </h2>
 
@@ -35,29 +34,29 @@
                                                   </div>
                                                         <!--Desction Dynamic details: START-->
                                                              <div formArrayName="business_details" class="example-full-width">
-                                                                <!--Property-->
+                                                                
+                                                              <!--Property-->
                                                                 <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 [formGroupName]="s">
-                                                                        <!-- <div> -->
                                                                         <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
+                                                                          
                                                                           <mat-form-field style="width:30%">
                                                                             <mat-select placeholder="Property Type" formControlName="property_type" >
                                                                               <mat-option *ngFor="let prop of m_propertyType" [value]="prop.id">{{ prop.name }}</mat-option>
                                                                             </mat-select>
                                                                           </mat-form-field>
+
                                                                           <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">
-                                                                            </mat-form-field>
+                                                                          </mat-form-field>
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  <!-- </div> -->
                                                                 </div>
-                                                                <!--Four Wheeler-->
+
+                                                              <!--Four Wheeler-->
                                                                 <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 [formGroupName]="s">
                                                                           <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -67,14 +66,12 @@
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  <!-- </div> -->
                                                                 </div>
-                                                                <!--Two Wheeler-->
+
+                                                              <!--Two Wheeler-->
                                                                 <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 [formGroupName]="s">
-                                                                        <!-- <div> -->
                                                                          <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">
@@ -82,11 +79,10 @@
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  <!-- </div> -->
                                                                 </div>
-                                                                <!--Consumer Durable-->
+
+                                                              <!--Consumer Durable-->
                                                                 <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 [formGroupName]="s">
                                                                         <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -96,85 +92,69 @@
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  <!-- </div> -->
                                                                 </div>
+
                                                                 <!--Insurance-->
                                                                 <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 [formGroupName]="s">
                                                                         <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">
                                                                             </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-option *ngFor="let freqn of m_freqOfPurchase" [value]="freqn.frequency_id">{{ freqn.name }}</mat-option>
                                                                               </mat-select>
                                                                             </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">
                                                                             </mat-form-field>
-                                                                          </div>
+                                                                        </div>
 
-                                                                          <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                          <!-- </div>
-                                                                          <div fxFlex="33"> -->
+                                                                        <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
                                                                             <mat-form-field style="width:30%">
                                                                               <input matInput placeholder="Sum Assured" formControlName="sum_assured"  (keypress)="keyPress($event)" autocomplete="off">
                                                                             </mat-form-field>
-                                                                          <!-- </div> -->
-                                                                        
-                                                                          <!-- <div fxFlex="33"> -->
+                                                                          
                                                                             <mat-form-field style="width:30%">
                                                                               <input matInput placeholder="Members Covered" formControlName="members_coverd"  autocomplete="off">
                                                                             </mat-form-field>
-                                                                          <!-- </div> -->
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  <!-- </div> -->
                                                                 </div>
+
                                                                 <!--Investments-->
                                                                 <div *ngIf="sup.get('business_assets_mode').value == 7">
                                                                     <div>
                                                                       <div *ngFor="let detail of sup['controls'].business_details['controls']; let s = index">
                                                                         <div [formGroupName]="s">
                                                                           <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                            <!-- <div fxFlex="33"> -->
                                                                               <mat-form-field style="width:30%">
                                                                                 <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-select>
                                                                               </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 ">
                                                                                   <input matInput placeholder="Specify Type" formControlName="other_investments_type" autocomplete="off">
                                                                               </mat-form-field>
-                                                                            <!-- </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">
                                                                               </mat-form-field>
-                                                                            <!-- </div>
-                                                                            <div fxFlex="33"> -->
                                                                               <mat-form-field style="width:30%">
                                                                                 <input matInput placeholder="Bank Name" formControlName="bank_name"  autocomplete="off">                             
                                                                               </mat-form-field>
-                                                                            <!-- </div> -->
                                                                           </div>
                                                                         </div>
                                                                       </div>
                                                                     </div>
                                                                   </div>
                                                                 <!--other assets-->
-                                                                <!-- <div *ngIf="sup.get('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 [formGroupName]="s">
                                                                         <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -192,31 +172,26 @@
                                                                             <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-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-form-field>
                                                                             <!-- <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 class="ml-xs example-full-width"> -->
                                                                                 <input matInput placeholder="What is the EMI amount ?" formControlName="other_asset_emi_amt" autocomplete="off">
                                                                                 <!-- <span matSuffix>.00</span> -->
                                                                             </mat-form-field>
                                                                         </div>
                                                                       </div>
                                                                     </div>
-                                                                  <!-- </div> -->
                                                                 </div>
                                                                
                                                              </div>
-                                                        <!--Desction Dynamic details : END -->                    
-                                                        <!-- {{sup.get('business_assets_mode').value}} -->
-                                                  <!-- <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none"> -->
+
+                                                             <!--Desction Dynamic details : END -->                    
                                                               
                                                                         <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%">
-                                                                              <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 != ''">{{"&#8377;"}} {{appxMarketAmtInwords[i]}} Only</mat-hint>
                                                                           </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%">
@@ -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">
                                                       <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                        <!-- <div fxFlex="33"> -->
+                                                        
                                                           <mat-form-field style="width:95%">
                                                             <mat-select placeholder="Is there a loan existing against this asset?" formControlName="business_emi">
                                                               <mat-option value="yes">Yes</mat-option>
                                                               <mat-option value="no">No</mat-option>
                                                             </mat-select>
                                                           </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'">
-                                                            <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 != ''">{{"&#8377;"}} {{emiAmtInwords[i]}} Only</mat-hint>
                                                           </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%">
                                                             <input matInput placeholder="Original Loan Tenure in Months" formControlName="business_original_loan_tenure"  autocomplete="off" (change)="loanTenureCalc(sup,2)">
                                                           </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%">
                                                             <input matInput placeholder="Balance Tenure in Months" formControlName="business_balance_tenure" autocomplete="off" (change)="loanTenureCalc(sup,2)">
                                                           </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%">
                                                             <input matInput placeholder="Elapsed Tenure in Months" formControlName="business_elapsed_tenure" autocomplete="off">
                                                           </mat-form-field>
-                                                            <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
-                                                        <!-- </div> -->
+
                                                         </div>
                                                       </span>
                                       
@@ -314,7 +285,6 @@
                                                     <div formArrayName="details" class="example-full-width">
                                                       <!--Property-->
                                                       <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 [formGroupName]="s">
                                                                 <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -329,7 +299,6 @@
                                                               </div>
                                                             </div>
                                                           </div>
-                                                        <!-- </div> -->
                                                       </div>
                                                       <!--Four Wheeler-->
                                                       <div *ngIf="sup.get('assets_mode').value == 2">
@@ -345,7 +314,6 @@
                                                       </div>
                                                       <!--Two Wheeler-->
                                                       <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 [formGroupName]="s">
                                                                 <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -355,7 +323,6 @@
                                                               </div>
                                                             </div>
                                                           </div>
-                                                        <!-- </div> -->
                                                       </div>
                                                       <!--jwell details -->
                                                       <!--<div *ngIf="sup.get('assets_mode').value == 4">
@@ -373,7 +340,6 @@
                                                         </div>-->
                                                       <!--Consumer Durable-->
                                                       <div *ngIf="sup.get('assets_mode').value == 5">
-                                                        
                                                           <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
                                                             <div [formGroupName]="s">
                                                                 <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -383,21 +349,16 @@
                                                               </div>
                                                             </div>
                                                           </div>
-                                                        
                                                       </div>
 
                                                       <!--Insurance-->
                                                       <div *ngIf="sup.get('assets_mode').value == 6">
-                                                          <!-- <div fxFill> -->
                                                             <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
                                                               <div [formGroupName]="s">
                                                                 <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                  <!-- <div fxFlex="33"> -->
                                                                     <mat-form-field style="width:30%">
                                                                       <input matInput placeholder="Premium Paid" formControlName="premium_paid"  (keypress)="keyPress($event)" autocomplete="off">
                                                                     </mat-form-field>
-                                                                  <!-- </div>
-                                                                  <div fxFlex="33"> -->
                                                                     <mat-form-field style="width:30%">
                                                                       <mat-select placeholder="Frequency" formControlName="frequency_mode" >
                                                                         <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 ">
                                                                         <input matInput placeholder="Specify Frequency" formControlName="other_frequency_mode" autocomplete="off">
                                                                     </mat-form-field>
-                                                                  </div>
+                                                                </div>
 
-                                                                  <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                  <!-- </div>
-                                                                  <div fxFlex="33"> -->
+                                                                <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
                                                                     <mat-form-field style="width:30%">
                                                                       <input matInput placeholder="Sum Assured" formControlName="sum_assured"  (keypress)="keyPress($event)" autocomplete="off">
                                                                     </mat-form-field>
-                                                                  <!-- </div> -->
-                                                                
-                                                                  <!-- <div fxFlex="33"> -->
+
                                                                     <mat-form-field style="width:30%">
                                                                       <input matInput placeholder="Members Covered" formControlName="members_coverd"  autocomplete="off">
                                                                     </mat-form-field>
-                                                                  <!-- </div> -->
+
                                                                 </div>
                                                               </div>
                                                             </div>
-                                                          <!-- </div> -->
                                                       </div>
                                                       
-                                                        <!-- </div> -->
-                                                    <!-- </div> -->
                                                       <!--Investments-->
                                                       <div *ngIf="sup.get('assets_mode').value == 7">
                                                         <div>
                                                           <div *ngFor="let detail of sup['controls'].details['controls']; let s = index">
                                                             <div [formGroupName]="s">
                                                               <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-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-select>
                                                                   </mat-form-field>
-                                                                <!-- </div> -->
-                                                                <!-- <div fxFlex="33"  ">  -->
-                                                                  <!-- <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">
                                                                   </mat-form-field>
-                                                                <!-- </div> -->
+                                                      
                                                               </div>
                                                               <div fxLayout="row wrap" fxLayoutGap="2px" fxLayoutAlign="start none">
-                                                                <!-- <div fxFlex="33%"> -->
                                                                   <mat-form-field style="width:30%">
                                                                     <input matInput placeholder="Bank Name" formControlName="bank_name"  autocomplete="off">                             
                                                                   </mat-form-field>
-                                                                <!-- </div> -->
                                                               </div>
                                                             </div>
                                                           </div>
                                                         </div>
                                                       </div>
+
                                                       <!--other assets-->
                                                       <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 [formGroupName]="s">
                                                               <div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
@@ -483,12 +432,10 @@
                                                                     <mat-form-field 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-select>
                                                                     </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%">
                                                                         <input matInput placeholder="Specify Owner Name"
                                                                               formControlName="other_owner" autocomplete="off">
@@ -503,7 +450,7 @@
                                                                             </mat-option>
                                                                         </mat-select>
                                                                     </mat-form-field>
-                                                                <!-- </div>---- -->
+                                                                
                                                                 <!-- <mat-form-field class="ml-xs example-full-width"> -->
                                                                       <!-- <input matInput placeholder="Is Any Loan" formControlName="any_other_asset_loan" > -->
                                                                   <!-- </mat-form-field> -->
@@ -522,14 +469,13 @@
                                                               </div>
                                                             </div>
                                                           </div>
-                                                        <!-- </div> -->
                                                       </div>
                                                     </div>
                                                     <!--Desction Dynamic details : END -->
-                                                    <!--<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%">
-                                                                <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 != ''">{{"&#8377;"}} {{OtherAppxMarketAmtInwords[i]}} Only</mat-hint>
                                                             </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%">
@@ -554,35 +500,31 @@
                                                         </div>
                                                       
                                                         <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-select placeholder="Is there a loan existing against this asset?" formControlName="emi">
                                                                 <mat-option value="yes">Yes</mat-option>
                                                                 <mat-option value="no">No</mat-option>
                                                               </mat-select>
                                                             </mat-form-field>
-                                                          <!-- </div> -->
-                                                          <!-- <div  fxFlex="33"> -->
+              
                                                             <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 != ''">{{"&#8377;"}} {{OtherEmiAmtInwords[i]}} Only</mat-hint>
                                                             </mat-form-field>
-                                                          <!-- </div> -->
-                                                          <!-- <div  fxFlex="33"> -->
+              
                                                             <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">
                                                             </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%">
                                                               <input matInput placeholder="Balance Tenure in Months" formControlName="balance_tenure" (change)="loanTenureCalc(sup,1)" autocomplete="off">
                                                             </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%">
                                                               <input matInput placeholder="Elapsed Tenure in Months" formControlName="elapsed_tenure" autocomplete="off">
                                                             </mat-form-field>
-                                                              <!-- <p>Elapsed tenure is {{elapsed_tenure}}</p> -->
-                                                          <!-- </div> -->
+              
                                                         </div>
                                                   </div>
                                                     <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
@@ -592,7 +534,7 @@
                                                           </span>
                                                       </div>
                                                     </div>
-                                                  <!-- </div> -->
+              
                                                 </mat-card-content>
                                               </mat-card>
                                             </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
index c2cc2647a..db14a7934 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assets-info/assets-info.component.ts
@@ -43,6 +43,10 @@ export class AssetsInfoComponent implements OnInit {
   public m_any_asset_loan_type  = [{'value': "yes",'viewValue': "Yes"},
                                    {'value': "no",'viewValue': "No"},
                                    {'value': "nan",'viewValue': "NA"}]
+  appxMarketAmtInwords : any = [];
+  OtherAppxMarketAmtInwords : any = [];
+  emiAmtInwords : any = [];
+  OtherEmiAmtInwords : any = [];
   // public m_assets_type = [
   //   {
   //     'id': "1",
@@ -960,14 +964,17 @@ public m_investmentType = [];
 
   }
 
-  // {
-  //   'main_raw_materials': 'sdkjfal',
-  //   'supplier_details' ; [
-  //     {
-  //       'supplier_name':'ldskjfalks',
-  //       'payment_mode': '1',
-  //       'payment_mode_value':''
-  //     }
-  //   ]
-  // }
+/** Amount InWords */
+inWords(e,i,flag){
+  switch(flag){
+  case 1 : 
+      this.appxMarketAmtInwords[i] = this.pdTrigerService.convertNumberToWords(e.target.value);
+      break;
+  case 2 :
+      this.OtherAppxMarketAmtInwords[i] = this.pdTrigerService.convertNumberToWords(e.target.value);
+      break;
+  default:
+      break;
+  }
+}
 }
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.ts
index 186ecba17..6eba35463 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.ts
@@ -105,7 +105,7 @@ export class BankingDetailsComponent implements OnInit {
                 } else {
                     result.forEach((datas,index) => {
                         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.emiAmtInwords[index] = this._pd.convertNumberToWords(val.emi);