From 5185650903a0700df991e613f866682812688231 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 2 Feb 2019 12:02:12 +0530
Subject: [PATCH 1/5] UI changes

---
 .../forms/assets-info/assets-info.component.html   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 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 6c622dc6c..5768d1121 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
@@ -260,7 +260,7 @@
 
                                                             <mat-form-field style="width:40%">
 
-                                                                <mat-label>Vintage</mat-label>
+                                                                <mat-label>Age of Asset in Years</mat-label>
                                                                 <input matInput autocomplete="off" placeholder="eg.999" formControlName="vintage_personal" minlength="1" maxlength="3" (keypress)="keyPress($event)" (keyup)="calculateVintagePurchase($event.target.value,i,3)">
                                                                 <!-- <mat-error> Invalid format</mat-error> -->
 
@@ -295,6 +295,12 @@
               
                                                 </mat-card-content>
                                                 <mat-card-actions>
+                                                    <div align="right">
+                                                    <button type="button" mat-raised-button mat-icon-button (click)="removeAssetsDetails(i,1)"
+                                                     matTooltip="Delete Other Assets" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="_assetsQuesFrom.controls.assets_details.controls.length > 1">
+                                                     <mat-icon>delete</mat-icon>
+                                                    </button>
+                                                    </div>
                                                     <div align="center">
                                                     <button type="button" mat-flat-button (click)="addAssetDetails($event,1); false"
                                                     matTooltip="Add More" matTooltipPosition="above" color="primary" *ngIf="last">
@@ -305,12 +311,6 @@
                                                     matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="!last">
                                                     <strong>Delete Other Assets </strong>
                                                     </button>  -->
-                                                    <div align="right">
-                                                    <button type="button" mat-raised-button mat-icon-button (click)="removeAssetsDetails(i,1)"
-                                                                                                matTooltip="Delete Other Assets" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="!last" >
-                                                                                            <mat-icon>delete</mat-icon>
-                                                    </button>
-                                                    </div>
                                                 </mat-card-actions>
                                               </mat-card>
                                             </div>

From 719d2940bc9b5d59fa464f6a15b7be76b14e93e2 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 2 Feb 2019 13:10:20 +0530
Subject: [PATCH 2/5] UI Changes

---
 .../banking-details.component.html               | 11 ++++++-----
 .../banking-details/banking-details.component.ts | 16 ++++++++--------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
index 151d0ec2b..055075397 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
@@ -166,6 +166,12 @@
                                     <strong>Add More Banking Details</strong>
                                     </button> 
                                     </div>
+
+                                    <div align="right">
+                                    <button  mat-raised-button mat-icon-button matTooltip="Delete Banking Details" matTooltipPosition="above"  (click)="deleteBankdetails(i)" *ngIf="bankingForm.controls.itemRows.controls.length > 1">
+                                            <mat-icon>delete</mat-icon>
+                                    </button>
+                                    </div>
                                     <!-- <button type="button" mat-button (click)="deleteBankdetails(i)" color="warn"
                                     matTooltip="Delete"matTooltipPosition="left" *ngIf="!last">
                                     <strong>Delete Banking Details</strong>
@@ -175,11 +181,6 @@
                                     <button mat-button color="primary" (click)="nextStep()">End</button> -->
                             
                                     <!-- ngIf="i > 0" -->
-                                    <div align="right">
-                                    <button  mat-raised-button mat-icon-button matTooltip="Delete Banking Details" matTooltipPosition="above"  (click)="deleteBankdetails(i)" *ngIf="!last">
-                                            <mat-icon>delete</mat-icon>
-                                    </button>
-                                    </div>
 
                             </mat-action-row>
                             </mat-expansion-panel>
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 10675856c..81cfbb247 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
@@ -29,7 +29,7 @@ import {ActivatedRoute, Router} from "@angular/router";
 })
 export class BankingDetailsComponent implements OnInit {
      pdid: number;
-     pageTitle: string ="Banking Information";
+     pageTitle: string ="Banking Details of Individuals";
     public bankingForm: FormGroup;
     step: number;
     private notifier: NotifierService;
@@ -91,13 +91,13 @@ export class BankingDetailsComponent implements OnInit {
               this.existCompanyList = data.records.filter(val =>val.is_active===true);
           }
 
-          let modifyCompanyList : any=[];
-          if(this.existCompanyList.length>0){
-             modifyCompanyList = this.existCompanyList.map(element => {
-               return {id:element.company_order_id.toString(),name:element.company_name,group_id:1};
-             });
-             this.mergeCompanyApplicant.push({groupName:'COMPANIES',groupValues:modifyCompanyList})
-          }
+        //   let modifyCompanyList : any=[];
+        //   if(this.existCompanyList.length>0){
+        //      modifyCompanyList = this.existCompanyList.map(element => {
+        //        return {id:element.company_order_id.toString(),name:element.company_name,group_id:1};
+        //      });
+        //      this.mergeCompanyApplicant.push({groupName:'COMPANIES',groupValues:modifyCompanyList})
+        //   }
          
       });
         let modifyApplicantList: any=[];

From 2ab032fec97715a411aa1b6389a7533ed7365240 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 2 Feb 2019 13:25:12 +0530
Subject: [PATCH 3/5] UI Changes

---
 .../start-pd/forms/current-loan/current-loan.component.html   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
index d775926f5..495f2fd86 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
@@ -80,7 +80,7 @@
                                                                             </mat-form-field>
                                                                             
                                                                         <mat-form-field style="width:45%;">
-                                                                                <mat-select  placeholder="Frequency" (selectionChange)="selectedfrequency($event.value,i)"
+                                                                                <mat-select  placeholder="Instalment Frequency" (selectionChange)="selectedfrequency($event.value,i)"
                                                                                 formControlName="frequency" >
                                                                                     <mat-option *ngFor="let freq of frequencyData" value="{{freq.frequency_id}}">{{freq.name}}</mat-option>
                                                                                 </mat-select>
@@ -121,7 +121,7 @@
                                                                     </mat-card-content>
                                                                     <mat-card-actions>
                                                                             <div align="right">
-                                                                            <button *ngIf="!last" type="button" class="mr-1 mb-1 hover-icon"  mat-raised-button mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="deleteLoanDetails(i)">
+                                                                            <button *ngIf="currentLoanForm.controls.loan_details.controls.length > 1" type="button" class="mr-1 mb-1 hover-icon"  mat-raised-button mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="deleteLoanDetails(i)">
                                                                              <mat-icon>delete</mat-icon>
                                                                              </button>
                                                                             </div>

From 95d7d7db526e0b15615a822365b9e5596c1cc4ce Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 2 Feb 2019 18:15:56 +0530
Subject: [PATCH 4/5] UI Changes

---
 .../family-details.component.html             | 32 ++++++++-------
 .../family-details.component.ts               | 40 ++++++++++++++-----
 .../neighbour-hood.component.ts               |  4 +-
 .../list-pd/start-pd/start-pd.component.html  |  1 +
 4 files changed, 50 insertions(+), 27 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
index 55a63c68f..a7b76531f 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
@@ -330,7 +330,7 @@
                                             </mat-form-field> -->
 
                                             <mat-form-field>
-                                                <input matInput placeholder="Number of yrs" formControlName="residence_No_of_years" type="number" required>
+                                                <input matInput placeholder="Number of yrs" formControlName="residence_No_of_years" (keypress)="keyPress($event)" required>
                                             </mat-form-field>
                                    
                                            <mat-form-field>
@@ -345,8 +345,9 @@
                                                 <input matInput placeholder="Please specify" formControlName="ownershipOther">
                                             </mat-form-field>
 
-                                            <mat-form-field *ngIf="sup.get('residence_ownership').value == 3">
-                                                <input matInput placeholder="Rent Amount" formControlName="rent">
+                                            <mat-form-field *ngIf="sup.get('residence_ownership').value == 3" style="width:43%;">
+                                                <input matInput placeholder="Rent Amount" formControlName="rent" (keypress)="keyPress($event)" (keyup)="inWords($event,1,i)">
+                                                <mat-hint align="start" style="font-size:90%" *ngIf="sup.get('rent').value != ''">{{"&#8377;"}} {{RentAmount[i]}} Only</mat-hint>
                                             </mat-form-field>
                                         </div>
                                         <!-- <div>
@@ -385,23 +386,24 @@
                                                             </mat-form-field>
                                                         </div>
                                                         <div *ngIf="item.get('family_member_earning_status').value == 1">
-                                                            <mat-form-field>
+                                                            <mat-form-field style="width:45%;">
                                                                 <mat-select placeholder="Segment" formControlName="earning_segment" required>
                                                                     <mat-option value="{{earn.earning_member_status_id}}" *ngFor="let earn of earningData">
                                                                         {{earn.earning_member_status}}
                                                                     </mat-option>
                                                                 </mat-select>
                                                             </mat-form-field>
-                                                            <mat-form-field *ngIf="item.get('earning_segment').value==1">
+                                                            <mat-form-field style="width:45%;" *ngIf="item.get('earning_segment').value==1">
                                                                     <input matInput placeholder="Specify Others" formControlName="earning_if_others_segment">
                                                             </mat-form-field>
-                                                            <mat-form-field>
-                                                                <input matInput placeholder="Income Per Month" formControlName="earning_gross_income_per_month" required>
+                                                            <mat-form-field style="width:45%;">
+                                                                <input matInput placeholder="Income Per Month" formControlName="earning_gross_income_per_month" (keypress)="keyPress($event)" (keyup)="inWords($event,2,i)" required>
+                                                            <mat-hint align="start" style="font-size:90%" *ngIf="item.get('earning_gross_income_per_month').value != ''">{{"&#8377;"}} {{IncomePerMonth[i]}} Only</mat-hint>
                                                             </mat-form-field>
-                                                            <mat-form-field>
+                                                            <mat-form-field style="width:45%;">
                                                                 <input matInput placeholder="Name of the Employer/Business" formControlName="earning_name_of_the_employer_or_business" required>
                                                             </mat-form-field>
-                                                            <mat-form-field>
+                                                            <mat-form-field style="width:45%;">
                                                                 <input matInput placeholder="No. of years in Employer/Business" formControlName="earning_number_of_years_in_employment_or_business"
                                                                     required>
                                                             </mat-form-field>
@@ -426,18 +428,18 @@
                                                             </mat-form-field>
                                                         </div>
                                                         <mat-card-actions>
-                                                            <div align="center">
-                                                                <button type="button" mat-flat-button (click)="addFamilyMembers(i)"
-                                                                matTooltip="Add More" matTooltipPosition="left" color="primary" *ngIf="last">
-                                                                <strong>Add More Family Members </strong>
-                                                                </button> 
-                                                            </div>
                                                             <div align="right">
                                                                 <button type="button" mat-raised-button mat-icon-button (click)="removeFamilyMembers(i)"
                                                                         matTooltip="Delete Family Members" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="!last">
                                                                     <mat-icon>delete</mat-icon>
                                                                 </button>
                                                             </div>
+                                                            <div align="center">
+                                                                <button type="button" mat-flat-button (click)="addFamilyMembers(i)"
+                                                                matTooltip="Add More" matTooltipPosition="left" color="primary" *ngIf="last">
+                                                                <strong>Add More Family Members </strong>
+                                                                </button> 
+                                                            </div>
                                                         </mat-card-actions>
                                                     </mat-card>
                                                 </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.ts
index 22607970c..b71343363 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.ts
@@ -295,6 +295,8 @@ import { ActivatedRoute, Router } from "@angular/router";
     styleUrls: ['./family-details.component.scss']
 })
 export class FamilyDetailsComponent implements OnInit {
+    IncomePerMonth: any =[];
+    RentAmount: any = [];
     //@Input() pdid: number;
     pageTitle: string = "Family Details";
     pdid: string;
@@ -563,6 +565,7 @@ export class FamilyDetailsComponent implements OnInit {
             control.push(formData);
         } else {
             records.forEach((val,index) => {
+                this.RentAmount[index] = this._pd.convertNumberToWords(val.rent);  
             //for (let val of records)
                 this.getCity(val.residence_state,index);
                 let formData: FormGroup = this.fb.group({
@@ -592,7 +595,9 @@ export class FamilyDetailsComponent implements OnInit {
 
     addFamilyMemberDetailsWithData(inx, val): void {
         const control = <FormArray>this.familyForm.controls['family_details']['controls'][inx].controls.family_members_details;
-        for (let vals of val) {
+        val.forEach((vals,index) => {
+        // for (let vals of val) {
+                this.IncomePerMonth[index] = this._pd.convertNumberToWords(vals.earning_gross_income_per_month);
             let datas = this.fb.group({
                 family_member_name: [vals.family_member_name || null, Validators.compose([])],
                 family_member_relationship: [vals.family_member_relationship || null, Validators.compose([])],
@@ -609,7 +614,7 @@ export class FamilyDetailsComponent implements OnInit {
                 non_earning_if_schoolorcollege: [vals.non_earning_if_schoolorcollege || null],
             });
             control.push(datas);
-        }
+        });
     }
 
     addFamilyMemberDetails() {
@@ -661,6 +666,7 @@ export class FamilyDetailsComponent implements OnInit {
 }
 
 addFamilyMembers(inx) {
+    console.log(inx);
     const control = <FormArray>this.familyForm.controls['family_details']['controls'][inx].controls.family_members_details;
     control.push(this.generateFamilyMembersDetailsGet());
 }
@@ -798,14 +804,28 @@ removeFamilyMembers(index) {
     //     });
     // }
 
-    //  /** On Key Press Event For Age  */
-    //  keyPress(event: any) {
-    //     const pattern = /[0-9]/;
+     /** On Key Press Event For Age  */
+     keyPress(event: any) {
+        const pattern = /[0-9]/;
 
-    //     let inputChar = String.fromCharCode(event.charCode);
-    //     if (event.keyCode != 8 && !pattern.test(inputChar)) {
-    //       event.preventDefault();
-    //     }
-    //  }
+        let inputChar = String.fromCharCode(event.charCode);
+        if (event.keyCode != 8 && !pattern.test(inputChar)) {
+          event.preventDefault();
+        }
+     }
+       /** To Convert Amount into Words  */
+        inWords(e,flag:number,i){
+            switch(flag){
+            case 1 :
+                this.RentAmount[i] = this._pd.convertNumberToWords(e.target.value);    
+                break;
+            case 2 :
+            this.IncomePerMonth[i] = this._pd.convertNumberToWords(e.target.value);    
+            break;
+           
+            default:
+                break;
+         }
+        }
 
 }
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
index e5c4a6ffc..b12374961 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/neighbour-hood/neighbour-hood.component.ts
@@ -10,12 +10,12 @@ import { parse } from 'url';
   styleUrls: ['./neighbour-hood.component.scss']
 })
 export class NeighbourHoodComponent implements OnInit {
-  pageTitle: string ="Neighbourhood / Reference Check";
+  pageTitle: string ="Neighbourhood Check / Reference Check";
   public _neighbourhoodForm: FormGroup;
   pdid : string;
   form_id:number;
   private notifier: NotifierService;
-  check_type:any=[{'id':0,'type_name':'Neighbourhood'},{'id':1,'type_name':'Reference Check'}]
+  check_type:any=[{'id':0,'type_name':'Neighbourhood Check'},{'id':1,'type_name':'Reference Check'}]
   default_reference_details: any= {'reference_name':'','mobile':'','landline':'-','location':'','relationship_with':'','year_relation_applicant':'','months_relation_applicant':'','business_volume_amount':'','business_volume_unit':'','reference_final_remarks':'','positive_remark':'','negative_remark':'','insufficient_info_remark':''};
   default_neighbourhood_details: any= {'neighbourhood_name':'','do_know':'','how_long_do_know_in_year':'','how_long_do_know_in_month':'','is_applicant_owner':''};
 
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
index f4d24683e..d64492d12 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
@@ -33,3 +33,4 @@
             <button matTooltip="Complete Question" matTooltipPosition="above" [disabled]="actualQuestions==0 || actualQuestions!=answeredQuestions || currentPDStatus===false" mat-raised-button color="primary" (click)="changePDStatus(pdStatusCheck.COMPLETED);"><span>{{currentPDStatus === true ? 'COMPLETE':'COMPLETED' }}</span></button>
     </mat-card-actions>
 </mat-card>
+<notifier-container></notifier-container> 

From b2dd7f8e19528f0578b72732b95a365e30fc6c89 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 2 Feb 2019 20:15:31 +0530
Subject: [PATCH 5/5] UI changes

---
 .../start-pd/forms/address/address.component.html    |  2 +-
 .../forms/current-loan/current-loan.component.html   | 12 ++++++------
 .../family-details/family-details.component.html     | 12 ++++++------
 .../forms/loan-details/loan-details.component.html   | 10 +++++-----
 .../forms/rental-info/rental-info.component.html     | 10 +++++-----
 5 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
index 1bc256334..fac93f6bc 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/address/address.component.html
@@ -47,7 +47,7 @@
                                         </div>
 
                                         <div fxFlex="33">
-                                            <mat-form-field style="width: 80%;">        
+                                            <mat-form-field style="width: 100%;">        
                                                 <mat-select placeholder="Locality" formControlName="locality" required>
                                                     <mat-option value="{{m_locality.locality_id}}"
                                                             *ngFor="let m_locality of localityData">{{m_locality.locality_name}}
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
index 495f2fd86..b6aacf511 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
@@ -39,28 +39,28 @@
                                                                      <!-- {{frequencyData | json}} -->
                                                                      <!-- Loan type, Loan amount, Lender, Loan Taken By, Instalment Frequency, Instalment Amount, Original Tenure, Balance Tenure -->
                                                                     <mat-card-content class="matcard">
-                                                                        <mat-form-field>
+                                                                        <mat-form-field style="width:45%;">
                                                                                     <mat-select placeholder="Loan Type" formControlName="loan_type" >
                                                                                         <mat-option value="{{types.existing_loan_type_id}}" *ngFor="let types of loanTypeData">{{types.loan_type_name}}</mat-option>
                                                                                     </mat-select>   
                                                                                     <!-- <input matInput autocomplete="off" placeholder="Loan Type" formControlName="loan_type" > -->
                                                                         </mat-form-field>
-                                                                        <mat-form-field *ngIf="details.get('loan_type').value == 1 ">
+                                                                        <mat-form-field *ngIf="details.get('loan_type').value == 1 " style="width:45%;">
                                                                                 <input matInput autocomplete="off" placeholder="Specify Loan Type" formControlName="others_loan_type">
                                                                         </mat-form-field>
                                                                         <mat-form-field style="width:45%;">
                                                                             <input matInput autocomplete="off" placeholder="Loan Amount" formControlName="loan_amount" (keypress)="keyPress($event)" (keyup)="inWords($event,i,1)">  
                                                                             <mat-hint  my-mat-hint align="start" style="font-size:90%" *ngIf="details.get('loan_amount').value != ''">{{"&#8377;"}} {{amtInwords[i]}} Only</mat-hint>
                                                                         </mat-form-field>
-                                                                        <mat-form-field>
+                                                                        <mat-form-field style="width:45%;">
                                                                                 <mat-select placeholder="Lender" formControlName="lender" >
                                                                                         <mat-option *ngFor="let btLen of lenderData" [value]="btLen.bt_lender_list_id">{{ btLen.lender_name }}</mat-option>
                                                                                 </mat-select>
                                                                         </mat-form-field>
-                                                                        <mat-form-field *ngIf="details.get('lender').value == 3">
+                                                                        <mat-form-field *ngIf="details.get('lender').value == 3" style="width:45%;">
                                                                                 <input matInput autocomplete="off" placeholder="Specify Lender" formControlName="others_lender" >
                                                                         </mat-form-field>
-                                                                        <mat-form-field>
+                                                                        <mat-form-field style="width:45%;">
                                                                                 <!-- <mat-select placeholder="Loan Taken By" formControlName="loan_taken_by" (selectionChange)="selectedBorrower($event.value,i)">
                                                                                         <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
                                                                                         <!-- <mat-option value= 0 >Others</mat-option> ->
@@ -75,7 +75,7 @@
                                                                             </mat-form-field>
                                                                             <!-- {{details.get('loan_taken_by').value}} -->
                                                                             <!-- <mat-form-field *ngIf="details.get('loan_taken_by').value == 0">     -->
-                                                                            <mat-form-field *ngIf="checkOthers(details.get('loan_taken_by').value)===true" style="width:45%">
+                                                                            <mat-form-field style="width:45%;" *ngIf="checkOthers(details.get('loan_taken_by').value)===true">
                                                                                 <input matInput autocomplete="off" placeholder="Specify Borrower" formControlName="others_loan_taken">
                                                                             </mat-form-field>
                                                                             
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
index a7b76531f..114ea50f9 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
@@ -280,7 +280,7 @@
                                    <mat-card-content>
 
                                         <div>
-                                            <mat-form-field>
+                                            <mat-form-field style="width:45%;">
                                                 <mat-select placeholder="Select a person" formControlName="selected_person" (selectionChange)="selectedPerson($event.value,ix)" required>
                                                     <mat-option value="{{person.pd_co_applicant_id}}" *ngFor="let person of selectPerson">
                                                         {{person.applicant_name}}
@@ -291,31 +291,31 @@
                                         </div>
                                        <div>
                                             <h5>Residence Details</h5>
-                                            <mat-form-field>
+                                            <mat-form-field style="width:45%;">
                                                 <mat-select matInput placeholder="State" formControlName="residence_state" required (selectionChange)="getCity($event.value,ix)" >
                                                     <mat-option value="{{s.state_id}}" *ngFor="let s of stateData">
                                                         {{s.name}}
                                                     </mat-option>
                                                 </mat-select>
                                             </mat-form-field>
-                                            <mat-form-field>
+                                            <mat-form-field style="width:45%;">
                                                 <mat-select matInput placeholder="City" formControlName="residence_city" required>
                                                     <mat-option *ngFor="let c of cityData[ix]" [value]="c.city_id" >
                                                         {{c.city_name}}
                                                     </mat-option>
                                                 </mat-select>
                                             </mat-form-field>
-                                            <mat-form-field>
+                                            <mat-form-field style="width:45%;">
                                                 <input matInput placeholder="Place" formControlName="residence_place" required>
                                             </mat-form-field>
-                                            <mat-form-field>
+                                            <mat-form-field style="width:45%;">
                                                     <mat-select matInput placeholder="Pin" formControlName="residence_pin" required>
                                                         <mat-option *ngFor="let p of pincodeData[ix]" [value]="p.pincode_id">
                                                             {{p.pincode}}
                                                         </mat-option>
                                                     </mat-select>
                                             </mat-form-field>
-                                            <mat-form-field *ngIf="sup.get('residence_pin').value == 1">
+                                            <mat-form-field *ngIf="sup.get('residence_pin').value == 1" style="width:45%;">
                                                 <input matInput placeholder="Specify PinCode" formControlName="residence_other_pincode">
                                             </mat-form-field>
                                             
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
index 2d387e374..e4f213f93 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
@@ -22,7 +22,7 @@
                                                             <input matInput placeholder="Loan Amount Applied for ? " formControlName="loan_amount" (keypress)="keyPress($event)" (keyup)="inWords($event,1)" (change)="loanCalc()"  autocomplete="off">
                                                             <mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['loan_amount'].value != ''">{{"&#8377;"}} {{loanAmtInWords}} Only</mat-hint>
                                                 </mat-form-field>
-                                                <mat-form-field style="width: 28%">
+                                                <mat-form-field style="width: 64%">
                                                             <mat-select multiple (selectionChange)="endUserChange($event.value)" placeholder="What is the end use" formControlName="end_use" >
                                                                 <mat-option *ngFor="let enduse of m_endUseForLoan" [value]="enduse.enduse_of_loan_id">{{ enduse.enduse_of_loan}}</mat-option>
                                                             </mat-select>
@@ -105,17 +105,17 @@
                                         <mat-card *ngIf="mortageCardAccess">
                                             <mat-card-header><p>Details of Property being Mortgaged</p></mat-card-header>
                                                 <mat-card-content class="matcard">
-                                                        <mat-form-field>
+                                                        <mat-form-field style="width:50%;">
                                                             <mat-select placeholder="Type of Property" formControlName="property_type" (selectionChange)="mortage_type($event.value)" >
                                                                 <mat-option *ngFor="let typeprop of m_mortageTypeProperty" [value]="typeprop.mortage_property_id">{{ typeprop.property_name }}</mat-option>
                                                             </mat-select>
                                                         </mat-form-field>
                             
-                                                        <mat-form-field *ngIf="mortageAccess">
+                                                        <mat-form-field *ngIf="mortageAccess" style="width:50%;">
                                                             <input matInput placeholder="Specify Type of Property" formControlName="property_type_others" autocomplete="off">
                                                         </mat-form-field>
 
-                                                        <mat-form-field>
+                                                        <mat-form-field style="width:50%;">
                                                                 <mat-select multiple placeholder="Name of the Owner"
                                                                 formControlName="owner_name" [compareWith]="compareObjects" required>
                                                                 <mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
@@ -149,7 +149,7 @@
                                                                 <input matInput placeholder="Specify Other Owner Name" formControlName="other_owners_name" autocomplete="off">
                                                         </mat-form-field> -->
 
-                                                        <mat-form-field>
+                                                        <mat-form-field style="width:50%;">
                                                             <mat-select placeholder="Status of Construction" formControlName="construction_status" >
                                                                     <mat-option *ngFor="let status of m_statusofCunstruction" [value]="status.id">{{ status.name }}</mat-option>
                                                             </mat-select>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html
index 7302a038e..cd69f0535 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html
@@ -19,18 +19,18 @@
                         <div fxLayout="row wrap">
                             <div fxFlex="100">
 
-                                            <mat-form-field>
+                                            <mat-form-field style="width:80%;">
                                                 <input matInput placeholder="Person Met / Shown the Property(if he is not applicant or co-applicant)" formControlName="person_met">
                                             </mat-form-field>
 
-                                            <mat-form-field>
+                                            <mat-form-field style="width:35%;">
                                                 <mat-select placeholder="Property Owner" formControlName="property_own">
                                                     <mat-option value="applicant">Applicant</mat-option>
                                                     <mat-option value="co_applicant">co-applicant</mat-option>
                                                     <mat-option value="parental">Parental</mat-option>
                                                 </mat-select>
                                             </mat-form-field>
-                                            <mat-form-field>
+                                            <mat-form-field style="width:35%;">
                                                 <mat-select placeholder="Nature of the let out property" formControlName="nature_property">
                                                     <mat-option value="residentail/commercial">Residential/commercial</mat-option>
                                                     <mat-option value="other">other</mat-option>
@@ -182,14 +182,14 @@
                                                         </div>
                                                     </div>
                                                 </mat-card>
-                                                <mat-form-field>
+                                                <mat-form-field style="width:35%;">
                                                     <mat-select placeholder="Photogaraphs of the Property"
                                                                 formControlName="property_photographs">
                                                         <mat-option value="yes">Yes</mat-option>
                                                         <mat-option value="no">No</mat-option>
                                                     </mat-select>
                                                 </mat-form-field>
-                                                <mat-form-field>
+                                                <mat-form-field style="width:45%;">
                                                     <input  matInput placeholder="Third party check of prevailing rent in the neighbour hood (TPC with whom, how much rent quoted)"
                                                             formControlName="third_party_check">
                                                 </mat-form-field>