WEB-290: Introduce classification field on loan BuyDown Fee transaction (#2618)

Co-authored-by: Jose Alberto Hernandez <alberto@black-box.local>
Merging based on review from Adam and Rustam.

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

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

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

@@ -104,7 +104,6 @@ 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',
@@ -113,6 +112,9 @@ export class MakeRepaymentComponent implements OnInit {
           Validators.min(0.001)])
       );
     }
+    if (this.isCapitalizedIncome() || this.isBuyDownFee()) {
+      this.repaymentLoanForm.addControl('classificationId', new UntypedFormControl(''));
+    }
   }
 
   setRepaymentLoanDetails() {

src/app/loans/loans-view/transactions-tab/transactions-tab.component.ts

@@ -263,6 +263,7 @@ export class TransactionsTabComponent implements OnInit {
       29,
       30,
       31,
+      32,
       33,
       35,
       37,

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

@@ -86,7 +86,7 @@
           {{ 'Classification' | translateKey: 'catalogs' }}
         </div>
 
-        <div class="flex-50" *ngIf="transactionData.classification">
+        <div class="flex-50 wrap-content" *ngIf="transactionData.classification">
           {{ transactionData.classification.name }}
         </div>
 

src/app/shared/external-identifier/external-identifier.component.html

@@ -6,7 +6,7 @@
     ><fa-icon icon="eye" size="sm" [title]="externalId"></fa-icon
   ></span>
   <span class="m-l-5" *ngIf="!completed" (click)="showValue()">{{ externalId | externalIdentifier }}</span>
-  <span class="m-l-5" *ngIf="completed" (click)="showValue()">{{ externalId }}</span>
+  <span *ngIf="completed" (click)="showValue()">{{ externalId }}</span>
   <span class="m-l-5" *ngIf="displayR && !completed && iconVisible && isLongValue()" (click)="showValue()"
     ><fa-icon icon="eye" size="sm" [title]="externalId"></fa-icon
   ></span>

src/assets/styles/_text.scss

@@ -250,3 +250,8 @@ body {
 .label-field {
   margin-top: 32px;
 }
+
+.wrap-content {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}