From ac295d5d91c8a98e4291caf77d7c6293eab1e554 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 12 Jan 2019 13:57:01 +0530
Subject: [PATCH] UI Changes

---
 .../banking-details.component.html            |  4 ++--
 .../banking-details.component.scss            |  3 +++
 .../current-loan/current-loan.component.html  | 21 ++++++++++---------
 .../current-loan/current-loan.component.scss  |  4 +++-
 4 files changed, 19 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 4eb5a0372..712135efb 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
@@ -164,10 +164,10 @@
                                             </mat-select> 
                                         </mat-form-field>
                                         
-                                        <mat-form-field style="width: 35%;"  *ngIf="this.limitCaseFlag[i]"> <!-- *ngIf="itemrow.get('account_type').value != 2"> -->
+                                        <mat-form-field style="width: 45%;"  *ngIf="this.limitCaseFlag[i]"> <!-- *ngIf="itemrow.get('account_type').value != 2"> -->
                                             <input matInput autocomplete="off" placeholder="Limit in case of OD / CC account" 
                                             formControlName="limit" (keypress)="keyPress($event)" (keyup)="inWords($event,i,1)">  
-                                            <mat-hint align="start" style="font-size:70%" *ngIf="itemrow.get('limit').value != ''">{{"&#8377;"}} {{amtInwords[i]}} Only</mat-hint>
+                                            <mat-hint align="start" style="font-size:90%" *ngIf="itemrow.get('limit').value != ''">{{"&#8377;"}} {{amtInwords[i]}} Only</mat-hint>
                                         </mat-form-field>
                                 </div>
                                 <!-- <mat-form-field>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss
index 951858ffb..5570024d9 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.scss
@@ -8,6 +8,9 @@
   background: #62B013;
   color: white;
 }
+.mat-form-field-appearance-legacy .mat-hint{
+  color:rgba(0, 0, 0, 0.8) !important;
+}
 
   ::ng-deep .cdk-global-overlay-wrapper{
         justify-content: center !important;
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 d4170f910..2c7bd44e2 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
@@ -33,15 +33,15 @@
                                                                 <mat-card-title><p>Loan Details</p></mat-card-title>
                                                             </mat-card-header>
                                                             <div formArrayName="loan_details">
-                                                                <div *ngFor="let details of currentLoanForm.get('loan_details').controls; let i=index"
+                                                                <div *ngFor="let details of currentLoanForm.get('loan_details').controls; let i=index; let last=last"
                                                                      [formGroupName]="i">
                                                                      <!-- {{frequencyData | json}} -->
                                                                     <mat-card-content class="matcard">
-                                                                        <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" *ngIf="details.get('loan_amount').value != ''">{{"&#8377;"}} {{amtInwords[i]}} Only</mat-hint>
+                                                                            <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="Frequency" (selectionChange)="selectedfrequency($event.value,i)"
                                                                                 formControlName="frequency" >
                                                                                     <mat-option *ngFor="let freq of frequencyData" value="{{freq.frequency_id}}">{{freq.name}}</mat-option>
@@ -50,10 +50,10 @@
                                                                         <mat-form-field *ngIf="details.get('frequency').value == 7">
                                                                             <input matInput autocomplete="off" placeholder="Specify Frequency" formControlName="other_frequency">
                                                                         </mat-form-field>
-                                                                        <mat-form-field *ngIf="details.get('frequency').value != ''"  style="width:35%">
+                                                                        <mat-form-field *ngIf="details.get('frequency').value != ''"  style="width:45%">
                                                                             <input matInput autocomplete="off" [placeholder]="placeholderName[i] != ''  ? placeholderName[i] : 'Instalment Amount' " formControlName="emi" (keypress)="keyPress($event)" (keyup)="inWords($event,i,2)">
                                                                             <!-- <input matInput autocomplete="off" placeholder="details.get('loan_type').value + Instalment Amount " formControlName="emi" (keypress)="keyPress($event)" (keyup)="inWords($event,i,2)"> -->
-                                                                            <mat-hint my-mat-hint align="start" style="font-size:70%" *ngIf="details.get('emi').value != ''">{{"&#8377;"}} {{emiAmtInwords[i]}} Only</mat-hint>
+                                                                            <mat-hint my-mat-hint align="start" style="font-size:90%" *ngIf="details.get('emi').value != ''">{{"&#8377;"}} {{emiAmtInwords[i]}} Only</mat-hint>
                                                                         </mat-form-field>
                                                                         <mat-form-field>
                                                                             <mat-select placeholder="Loan Type" formControlName="loan_type" >
@@ -103,14 +103,15 @@
                                                                             <!-- //*ngIf="current_balance_tenure.hasError('min')" class="mat-text-warn" -->
                                                                         </mat-form-field>
                                                                         </div>
-                                                                        <button type="button" class="mr-1 mb-1 hover-icon"  mat-raised-button mat-icon-button matTooltip="Add More Loan Details" matTooltipPosition="above" color="primary" (click)="addLoanDetails()"
-                                                                                *ngIf="i==0">
-                                                                            <mat-icon>add</mat-icon>
-                                                                        </button>
+                                                                        
                                                                         <button type="button" class="mr-1 mb-1 hover-icon"  mat-raised-button mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="deleteLoanDetails(i)"
                                                                                 *ngIf="i>0">
                                                                             <mat-icon>delete</mat-icon>
                                                                         </button>
+                                                                        <button type="button" class="mr-1 mb-1 hover-icon"  mat-raised-button mat-icon-button matTooltip="Add More Loan Details" matTooltipPosition="above" color="primary" (click)="addLoanDetails()"
+                                                                                *ngIf="last">
+                                                                            <mat-icon>add</mat-icon>
+                                                                        </button>
                                                                     </mat-card-content>
                                                                 </div>
                                                             </div>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss
index 758b41c0c..720a1c506 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.scss
@@ -17,7 +17,9 @@
 //   background: #62B013;
 //   color: white;
 // }
-
+.mat-form-field-appearance-legacy .mat-hint{
+  color:rgba(0, 0, 0, 0.8) !important;
+}
 .paragraph_change {
     color:  #fff !important;
     background-color: #e00201 !important;