WEB-290: Introduce classification field on loan transactions

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

@@ -68,6 +68,15 @@
             <input matInput formControlName="externalId" />
           </mat-form-field>
 
+          <mat-form-field *ngIf="isCapitalizedIncome()">
+            <mat-label>{{ 'labels.inputs.Classification' | translate }}</mat-label>
+            <mat-select formControlName="classificationId">
+              <mat-option *ngFor="let classificationOption of classificationOptions" [value]="classificationOption.id">
+                {{ classificationOption.name }}
+              </mat-option>
+            </mat-select>
+          </mat-form-field>
+
           <mat-form-field>
             <mat-label>{{ 'labels.inputs.Payment Type' | translate }}</mat-label>
             <mat-select formControlName="paymentTypeId">

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

@@ -47,6 +47,8 @@ export class MakeRepaymentComponent implements OnInit {
 
   command: string | null = null;
 
+  classificationOptions: any[] = [];
+
   /**
    * @param {FormBuilder} formBuilder Form Builder.
    * @param {LoansService} loanService Loan Service.
@@ -102,6 +104,7 @@ export class MakeRepaymentComponent implements OnInit {
           Validators.min(0.001),
           Validators.max(this.dataObject.amount)])
       );
+      this.repaymentLoanForm.addControl('classificationId', new UntypedFormControl(''));
     } else {
       this.repaymentLoanForm.addControl(
         'transactionAmount',
@@ -114,6 +117,7 @@ export class MakeRepaymentComponent implements OnInit {
 
   setRepaymentLoanDetails() {
     this.paymentTypes = this.dataObject.paymentTypeOptions;
+    this.classificationOptions = this.dataObject.classificationOptions;
     this.repaymentLoanForm.patchValue({
       transactionAmount: this.dataObject.amount
     });

src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html

@@ -82,6 +82,14 @@
           ></mifosx-external-identifier>
         </div>
 
+        <div class="flex-50 mat-body-strong" *ngIf="transactionData.classification">
+          {{ 'Classification' | translateKey: 'catalogs' }}
+        </div>
+
+        <div class="flex-50" *ngIf="transactionData.classification">
+          {{ transactionData.classification.name }}
+        </div>
+
         <mat-divider *ngIf="existTransactionRelations" [inset]="true"></mat-divider>
 
         <div class="mat-body-strong flex-100" *ngIf="existTransactionRelations">