Loan transactions using external identifer

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

@@ -27,6 +27,11 @@
             </mat-error>
           </mat-form-field>
 
+          <mat-form-field>
+            <mat-label>External Id</mat-label>
+            <input matInput formControlName="externalId">
+          </mat-form-field>
+
           <mat-form-field>
             <mat-label>Payment Type</mat-label>
             <mat-select formControlName="paymentTypeId">

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

@@ -66,6 +66,7 @@ export class DisburseComponent implements OnInit {
     this.disbursementLoanForm = this.formBuilder.group({
       'actualDisbursementDate': [new Date(), Validators.required],
       'transactionAmount': ['', Validators.required],
+      'externalId': '',
       'paymentTypeId': '',
       'note': ''
     });

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

@@ -21,12 +21,17 @@
 
           <mat-form-field>
             <mat-label>Transaction Amount</mat-label>
-            <input matInput required formControlName="transactionAmount">
+            <input type="number" matInput required formControlName="transactionAmount">
             <mat-error *ngIf="repaymentLoanForm.controls.transactionAmount.hasError('required')">
               Transaction Amount <strong>is required</strong>
             </mat-error>
           </mat-form-field>
 
+          <mat-form-field>
+            <mat-label>External Id</mat-label>
+            <input matInput formControlName="externalId">
+          </mat-form-field>
+
           <mat-form-field>
             <mat-label>Payment Type</mat-label>
             <mat-select formControlName="paymentTypeId">

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

@@ -65,6 +65,7 @@ export class MakeRepaymentComponent implements OnInit {
     this.repaymentLoanForm = this.formBuilder.group({
       'transactionDate': [new Date(), Validators.required],
       'transactionAmount': ['', Validators.required],
+      'externalId': '',
       'paymentTypeId': '',
       'note': ''
     });

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

@@ -21,7 +21,7 @@
 
           <mat-form-field>
             <mat-label>Transaction Amount</mat-label>
-            <input matInput required formControlName="transactionAmount">
+            <input type="number" matInput required formControlName="transactionAmount">
             <mat-error *ngIf="prepayLoanForm.controls.transactionAmount.hasError('required')">
               Transaction Amount <strong>is required</strong>
             </mat-error>
@@ -40,6 +40,11 @@
             </mat-error>
           </mat-form-field>
 
+          <mat-form-field>
+            <mat-label>External Id</mat-label>
+            <input matInput formControlName="externalId">
+          </mat-form-field>
+
           <mat-form-field>
             <mat-label>Payment Type</mat-label>
             <mat-select formControlName="paymentTypeId">

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

@@ -72,6 +72,7 @@ export class PrepayLoanComponent implements OnInit {
       'transactionAmount': ['', Validators.required],
       'principal': [{value: '', disabled: true}],
       'interestAmount': [{value: '', disabled: true}, Validators.required],
+      'externalId': [''],
       'paymentTypeId': [''],
       'note': ['']
     });