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

---
 .../assets-info/assets-info.component.html    |  2 +-
 .../loan-details/loan-details.component.html  | 47 ++++++++++---------
 .../supplier-info.component.html              |  2 +-
 3 files changed, 28 insertions(+), 23 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 03dbbc63b..b15a8e0c8 100644
--- 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
@@ -253,7 +253,7 @@
             <button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Asset 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" (click)="onReset(); false"><mat-icon>settings_backup_restore</mat-icon></button>
+          <!----  <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Reset" matTooltipPosition="above" (click)="onReset(); false"><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>
         </form>
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 c696112c5..db7dbacfa 100644
--- 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
@@ -1,7 +1,8 @@
 <mat-card style="padding: 12px;">
+    <p>Loan Details</p>
 <form [formGroup]="loanDetailsForm" class="address">
     <mat-form-field>
-        <input matInput placeholder="Loan Amount applied" formControlName="loan_amount">
+        <input matInput placeholder="Loan Amount Applied" formControlName="loan_amount">
     </mat-form-field>
     <mat-form-field>
         <mat-select multiple (selectionChange)="endUserChange($event)" placeholder="What is the end use" formControlName="end_use">
@@ -20,33 +21,34 @@
         </mat-select>-->
     </mat-form-field>
     <mat-form-field *ngIf="isOtherPurpose">
-        <input matInput placeholder="Specify end use" formControlName="end_use_other">
+        <input matInput placeholder="Specify End Use" formControlName="end_use_other">
     </mat-form-field>
     <mat-form-field>
-        <mat-select placeholder="Is there a Balance Transfer"
+        <mat-select placeholder="Is there a balance transfer"
                     formControlName="is_transfer">
             <mat-option value="yes">Yes</mat-option>
             <mat-option value="no">No</mat-option>
         </mat-select>
     </mat-form-field>
-    <mat-form-field>
-        <mat-select  placeholder="Is there a Top/Up"
+    
+    <mat-form-field *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes'">
+            <input matInput placeholder="Balance Transfer Amount" formControlName="balance_transfer_amount">
+        </mat-form-field>
+    <mat-form-field *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes'">
+        <mat-select  placeholder="Is there a Top Up"
                     formControlName="is_topup">
             <mat-option value="yes">Yes</mat-option>
             <mat-option value="no">No</mat-option>
         </mat-select>
     </mat-form-field>
-    <mat-form-field *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes'">
-        <input matInput placeholder="Balance Transfer Amount" formControlName="balance_transfer_amount">
-    </mat-form-field>
-    <mat-form-field  *ngIf="loanDetailsForm.controls['is_topup'].value == 'yes'">
+    <mat-form-field  *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes' && loanDetailsForm.controls['is_topup'].value == 'yes'">
         <input matInput placeholder="Top Up Amt" formControlName="topup_amount">
     </mat-form-field>
-    <mat-form-field *ngIf="loanDetailsForm.controls['is_topup'].value == 'yes' || loanDetailsForm.controls['is_transfer'].value == 'yes'">
-        <input matInput placeholder="Lender from where Balance Transfer done" formControlName="lender">
+    <mat-form-field *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes'">
+        <input matInput placeholder="Lender from where balance transfer done" formControlName="lender">
     </mat-form-field>
     <mat-form-field>
-        <input matInput placeholder="Amount of own contribution" formControlName="own_contribution">
+        <input matInput placeholder="Amount of Own Contribution" formControlName="own_contribution">
     </mat-form-field>
 
     <mat-form-field>
@@ -62,10 +64,10 @@
         </mat-select>-->
     </mat-form-field>
     <mat-form-field *ngIf="loanDetailsForm.controls['source'].value =='other'">
-        <input matInput placeholder="Specify lender name and type" formControlName="lender_name_type">
+        <input matInput placeholder="Specify Lender Name and Type" formControlName="lender_name_type">
     </mat-form-field>
     <mat-form-field>
-        <input matInput placeholder="EMI comfort level" formControlName="emi_level">
+        <input matInput placeholder="EMI Comfort Level" formControlName="emi_level">
     </mat-form-field>
     <mat-card>
         <mat-card-header>
@@ -74,7 +76,7 @@
         </mat-card-header>
         <mat-card-content class="matcard">
             <mat-form-field>
-                <mat-select placeholder="Type of property" formControlName="property_type">
+                <mat-select placeholder="Type of Property" formControlName="property_type">
                     <mat-option *ngFor="let typeprop of m_mortageTypeProperty" [value]="typeprop.id">{{ typeprop.name }}</mat-option>
                 </mat-select>
                 
@@ -96,17 +98,17 @@
                 </mat-select>-->
             </mat-form-field>
             <mat-form-field *ngIf="loanDetailsForm.controls['property_type'].value =='others'">
-                <input matInput placeholder="Please specify type of property" formControlName="ownershipOther">
+                <input matInput placeholder="Specify Type of Property" formControlName="ownershipOther">
             </mat-form-field>
             <mat-form-field>
-                <mat-select multiple placeholder="Name of owner"
+                <mat-select multiple placeholder="Name of Owner"
                             formControlName="owner_name" (selectionChange)="ownerNameChange($event)">
                     <mat-option value="{{owner.pd_co_applicant_id}}" *ngFor="let owner of applicants">{{owner.applicant_name}}</mat-option>
                 </mat-select>
             </mat-form-field>
             <mat-form-field>
 
-                <mat-select placeholder="Status of construction" formControlName="construction_status">
+                <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>
 
@@ -119,11 +121,11 @@
             </mat-form-field>
 
             <mat-form-field>
-                <input matInput placeholder="EMV as per customer"
+                <input matInput placeholder="EMV as Per Customer"
                        formControlName="emv_per_customer">
             </mat-form-field>
             <mat-form-field>
-                <input matInput placeholder="Value as per agreement"
+                <input matInput placeholder="Value as Per Agreement"
                        formControlName="value_per_agreement">
             </mat-form-field>
         </mat-card-content>
@@ -136,6 +138,9 @@
             </mat-form-field>
         </div>
     </div>
-    <button mat-raised-button type="submit" class="button" (click)="submitLoanDetails()">Submit</button>
+    <div style="text-align: right;">
+        <button type="submit" class="mr-1 mb-1 hover-icon"  mat-raised-button mat-icon-button  matTooltip="Submit" matTooltipPosition="above"  (click)="submitLoanDetails()"><mat-icon>save</mat-icon>
+        </button>
+     </div> 
 </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 d70281fbc..aebcd79b4 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
@@ -89,7 +89,7 @@
     <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="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>
   </form>