Enable or Disable DownPayment at Loan account level

src/app/loans/loans-view/account-details/account-details.component.html

@@ -47,6 +47,11 @@
             <span fxFlex="50%"> {{"labels.text." + loanDetails.interestType.value | translate}} </span>
         </div>
 
+        <div fxFlexFill>
+            <span fxFlex="50%">{{ 'labels.inputs.Enable Down Payments' | translate}}:</span>
+            <span fxFlex="50%">{{ loanDetails.enableDownPayment | yesNo }}</span>
+        </div>
+
         <div fxFlexFill>
             <span fxFlex="50%"> {{"labels.inputs.Grace: On Principal Payment" | translate}}</span>
             <span fxFlex="50%"> {{loanDetails.graceOnPrincipalPayment}} </span>

src/app/loans/loans-view/loan-account-actions/approve-loan/approve-loan.component.html

@@ -27,10 +27,10 @@
             <mat-datepicker #disbursementDatePicker></mat-datepicker>
           </mat-form-field>
 
-          <mat-form-field>
-            <mat-label>{{"labels.inputs.Approved Amount" | translate}}</mat-label>
-            <input matInput type="number" formControlName="approvedLoanAmount">
-          </mat-form-field>
+          <mifosx-input-amount [currency]="currency" [isRequired]="true"
+            [inputFormControl]="approveLoanForm.controls.approvedLoanAmount"
+            [inputLabel]="'Approved Amount'">
+          </mifosx-input-amount>
 
           <mat-form-field>
             <mat-label>{{"labels.inputs.Transaction Amount" | translate}}</mat-label>

src/app/loans/loans-view/loan-account-actions/approve-loan/approve-loan.component.ts

@@ -7,6 +7,7 @@ import { Dates } from 'app/core/utils/dates';
 /** Custom Services. */
 import { LoansService } from 'app/loans/loans.service';
 import { SettingsService } from 'app/settings/settings.service';
+import { Currency } from 'app/shared/models/general.model';
 
 /**
  * Approve Loan component.
@@ -28,6 +29,7 @@ export class ApproveLoanComponent implements OnInit {
   minDate = new Date(2000, 0, 1);
   /** Loan Id */
   loanId: any;
+  currency: Currency;
 
   /**
    * Retrieve data from `Resolver`.
@@ -46,6 +48,7 @@ export class ApproveLoanComponent implements OnInit {
     private settingsService: SettingsService) {
     this.route.data.subscribe((data: { actionButtonData: any }) => {
       this.loanData = data.actionButtonData;
+      this.currency = data.actionButtonData.currency;
     });
     this.loanId = this.route.snapshot.params['loanId'];
   }

src/app/loans/loans-view/loan-account-actions/loan-account-actions.component.ts

@@ -89,9 +89,8 @@ export class LoanAccountActionsComponent {
    * @param route Activated Route.
    */
   constructor(private route: ActivatedRoute) {
-      this.route.data.subscribe(( data: { actionButtonData: any, loanDetailsData: any }) => {
+      this.route.data.subscribe(( data: { actionButtonData: any }) => {
         this.actionButtonData = data.actionButtonData;
-        this.actionButtonData.currency = data.loanDetailsData.currency;
       });
 
     this.route.params.subscribe(params => {

src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.scss

@@ -20,3 +20,7 @@ table {
 .additional {
   color: $status-approved;
 }
+
+.downpayment {
+  color: $status-downpayment;
+}

src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.ts

@@ -49,6 +49,8 @@ export class RepaymentScheduleTabComponent implements OnInit {
   installmentStyle(installment: any): string {
     if (installment.isAdditional) {
       return 'additional';
+    } else if (installment.downPaymentPeriod) {
+      return 'downpayment';
     }
     return '';
   }