fix: Make CKEditor work for Template Creation

Page for Template creation didn't show CKEditor due to Javascript
issue - and the submit button stayed disabled forever.

FIXES: WEB-289

README.md

@@ -31,7 +31,7 @@ Before installing the web app, you need to set up the Fineract backend server:
 
 1. **Choose ONE of these backend options:**
    - **Option A: Use existing remote server**
-     - Use the sandbox (MariaDB) at https://sandbox.mifos.community  ** System is restored every 6 hours **
+     - Use the sandbox (MariaDB) at https://sandbox.mifos.community ** System is restored every 6 hours **
      - Use the demo (MariaDB) at https://demo.mifos.community
      - Use the demo (Keycloak) at https://oauth.mifos.community
      - Use the demo (2FA) at https://2fa.mifos.community

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">

src/app/templates/create-edit-template/create-edit-template.component.ts

@@ -10,7 +10,7 @@ import {
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
 
 /** CKEditor5 Imports */
-import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
+import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
 
 /** Custom Imports */
 import { clientParameterLabels, loanParameterLabels, repaymentParameterLabels } from '../template-parameter-labels';