From 5e29656fca9951036f36cba55d308c751d2ec2bd Mon Sep 17 00:00:00 2001
From: saravanakumarkandasami <saravanakumar.k@venbainfotech.com>
Date: Thu, 15 Nov 2018 10:50:09 +0530
Subject: [PATCH] Forms UI

---
 .../start-pd/forms/address/address.component.html  |  8 ++++----
 .../forms/current-loan/current-loan.component.html |  2 +-
 .../forms/other-income/other-income.component.html |  2 +-
 .../personal-info/personal-info.component.html     |  5 ++++-
 .../supplier-info/supplier-info.component.html     | 14 +++++++-------
 5 files changed, 17 insertions(+), 14 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 dddcbbc31..16b43a9d6 100644
--- 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
@@ -28,14 +28,14 @@
                formControlName="locality_others">
     </mat-form-field>
     <mat-form-field>
-        <mat-select placeholder="Approach to PD location" formControlName="pd_location">
+        <mat-select placeholder="Approach to PD Location" formControlName="pd_location">
             <mat-option value="{{data.pd_location_approach_id}}"
                         *ngFor="let data of locationdata">{{data.description}}
             </mat-option>
         </mat-select>
     </mat-form-field>
     <mat-form-field>
-        <mat-select placeholder="Comment on locality" formControlName="comment_locality">
+        <mat-select placeholder="Comment on Locality" formControlName="comment_locality">
             <mat-option value="{{data.comments_on_locality_id}}"
                         *ngFor="let data of commentData">{{data.rating}}
             </mat-option>
@@ -57,7 +57,7 @@
             <div *ngFor="let item of addressForm.controls.neighbourhood['controls']; let i=index">
                 <mat-card-content class="matcard" [formGroup]="item">
                     <mat-form-field>
-                        <input matInput placeholder="Neighbour name"
+                        <input matInput placeholder="Neighbour Name"
                                formControlName="name">
                     </mat-form-field>
                     <mat-form-field>
@@ -83,7 +83,7 @@
                     </mat-form-field>
                     <button type="button" matTooltip="Add More Neighbour Details" matTooltipPosition="above" mat-raised-button mat-icon-button *ngIf="i==0"
                             (click)="addNeighbour($event)"
-                            style="float: right;">
+                           color="primary" style="float: right;">
                         <mat-icon>add</mat-icon>
                     </button>
                    <button type="button" matTooltip="Delete" matTooltipPosition="above" mat-raised-button mat-icon-button *ngIf="i>0"
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 ca8fb72ff..bf3ef1f82 100644
--- 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
@@ -35,7 +35,7 @@
                                 <mat-form-field>
                                     <input matInput placeholder="Current Balance Tenure" formControlName="current_balance_tenure">
                                 </mat-form-field>
-                                <button type="button" mat-raised-button mat-icon-button matTooltip="Add More Loan Details" matTooltipPosition="above" (click)="addLoanDetails()"
+                                <button type="button" mat-raised-button mat-icon-button matTooltip="Add More Loan Details" matTooltipPosition="above" color="primmary" (click)="addLoanDetails()"
                                         *ngIf="i==0">
                                     <mat-icon>add</mat-icon>
                                 </button>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html
index fc82feab0..1e9386116 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html
@@ -80,7 +80,7 @@
                                                 <mat-option value="{{frq.frequency_id}}" *ngFor="let frq of frequencyData">{{frq.name}}</mat-option>
                                             </mat-select>
                                     </mat-form-field>
-                                    <button type="button" matTooltip="Add More Income Details" matTooltipPosition="above" mat-raised-button mat-icon-button (click)="addIncomeDetails()"
+                                    <button type="button" matTooltip="Add More Income Details" matTooltipPosition="above" mat-raised-button mat-icon-button color="" (click)="addIncomeDetails()"
                                             *ngIf="i==0">
                                         <mat-icon>add</mat-icon>
                                     </button>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html
index 9871211b6..1623f9e05 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html
@@ -1,4 +1,6 @@
-    <form *ngIf="loadDataStatus" [formGroup]="_personalForm" (submit)="submitPersonalForm(_personalForm.value)" novalidate>
+   <mat-card style="padding: 12px;"> 
+    <p>Personal Details</p>
+   <form *ngIf="loadDataStatus" [formGroup]="_personalForm" (submit)="submitPersonalForm(_personalForm.value)" novalidate>
 
         <mat-card-content> 
              <!-- start main applicant details -->
@@ -136,3 +138,4 @@
     </mat-card-actions>
 
       </form>
+</mat-card>
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html
index d7ffad568..d70281fbc 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/supplier-info/supplier-info.component.html
@@ -5,7 +5,7 @@
     <div fxLayout="row" fxLayoutAlign="start none">
       <div class="example-full-width">
         <mat-form-field fxFill>
-          <textarea matInput placeholder="What are the main Raw materials?(MEG Only)" formControlName="main_raw_materials"></textarea>
+          <textarea matInput placeholder="What are the main raw materials?(MEG Only)" formControlName="main_raw_materials"></textarea>
           <mat-error *ngIf="submitted && f.main_raw_materials.hasError('required')" class="mat-text-warn">You must Include Raw Material Details.</mat-error>
         </mat-form-field>
       </div>
@@ -40,7 +40,7 @@
                     <div fxLayout="row wrap" fxLayoutGap="14px" fxLayoutAlign="start none">
                       <div fxFlex="30">
                         <mat-form-field style="width:260px !important;">
-                          <mat-select (selectionChange)="selectedPM($event)" placeholder="Select Payment Mode" formControlName="payment_mode">
+                          <mat-select (selectionChange)="selectedPM($event)" placeholder="Payment Mode" formControlName="payment_mode">
                             <mat-option *ngFor="let pm of m_paymentModeType" [value]="pm.id">{{ pm.name }}</mat-option>
                           </mat-select>
                         </mat-form-field>
@@ -61,7 +61,7 @@
                     <div fxLayout="row" fxLayoutGap="14px" fxLayoutAlign="start none">
                       <div fxFlex="30">
                         <mat-form-field style="width:260px !important;">
-                          <mat-select (selectionChange)="selectedFreqPurchase($event)" placeholder="Select Frequency of Purchase" formControlName="frequency_of_purchase">
+                          <mat-select (selectionChange)="selectedFreqPurchase($event)" placeholder="Frequency of Purchase" formControlName="frequency_of_purchase">
                             <mat-option *ngFor="let feq of m_freqOfPurchase" [value]="feq.frequency_id">{{ feq.name }}</mat-option>
                           </mat-select>
                         </mat-form-field>
@@ -75,7 +75,7 @@
         
                       <div fxFlex="30" style="text-align:center;">
                         <span *ngIf="_supplierQuesFrom.controls.supplier_details.controls.length > 1" (click)="removeLanguage(i)">
-                             <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" color="primary" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
+                             <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" color="primary" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
                            </span>
                       </div>
                     </div>
@@ -84,11 +84,11 @@
           </mat-card-content>
         </mat-card>
       </div>
-        <button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Supplier Details" matTooltipPosition="above"
-          class="mr-1 mb-1 hover-icon" (click)="addSupplierDetails($event); false"><mat-icon>add</mat-icon></button>
-      </div>
+        </div>
     </div>
     <div class="row" style="text-align:right;">
+      <button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Supplier Details" matTooltipPosition="above"
+          class="mr-1 mb-1 hover-icon" (click)="addSupplierDetails($event); false"><mat-icon>add</mat-icon></button>
       <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Reset" matTooltipPosition="above" type="reset"><mat-icon>settings_backup_restore</mat-icon></button>
       <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above" type="submit"><mat-icon>save</mat-icon></button>
     </div>