Allow add loan charge in future date (#1644)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

src/app/core/shell/breadcrumb/breadcrumb.component.scss

@@ -1,6 +1,8 @@
+@import "assets/styles/helper";
+
 .breadcrumb-wrapper {
   margin: 0 auto;
-  max-width: 74rem;
+  max-width: 84rem;
   width: 90%;
   word-wrap: break-word;
 
@@ -17,7 +19,7 @@
 
     .separator::before {
       content: "";
-      border: 1.5px solid #000;
+      border: 1.5px solid $mid-grey;
       margin: 0 0.6rem;
       font-size: 1.25rem;
       font-weight: 400;
@@ -30,7 +32,7 @@
       .breadcrumb-link {
         a {
           text-decoration: none;
-          color: #0275d8;
+          color: $status-approved;
 
           &:hover {
             text-decoration: underline;

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

@@ -67,7 +67,7 @@ export class AddLoanChargeComponent implements OnInit {
    * Creates the Loan Charge form.
    */
   ngOnInit() {
-    this.maxDate = this.settingsService.businessDate;
+    this.maxDate = this.settingsService.maxFutureDate;
     this.createLoanChargeForm();
     this.loanChargeForm.controls.chargeId.valueChanges.subscribe(chargeId => {
       const chargeDetails = this.loanChargeOptions.find(option => {

src/app/shared/tabs/entity-datatable-tab/datatable-single-row/datatable-single-row.component.html

@@ -16,13 +16,13 @@
 
   <div class="m-t-10" *ngIf="dataObject.data.length > 0">
 
-    <div fxFlexFill *ngFor="let columnHeader of dataObject.columnHeaders;let i = index" [ngClass}="{{setAttributeClass(columnHeader.columnName)}}" >
+    <div fxFlexFill *ngFor="let columnHeader of dataObject.columnHeaders;let i = index" [ngClass]="setAttributeClass(columnHeader.columnName)" >
 
-      <div fxFlex="45%" class="mat-body-strong left">
+      <div fxFlex="40%" class="mat-body-strong left">
         {{ getInputName(columnHeader.columnName) }}
       </div>
 
-      <div fxFlex="50%" [ngSwitch]="columnHeader.columnDisplayType" class="right">
+      <div fxFlex="68%" [ngSwitch]="columnHeader.columnDisplayType" class="right">
         <span *ngSwitchCase="'DATE'">
           {{dataObject.data[0].row[i] | dateFormat}}
         </span>
@@ -32,6 +32,9 @@
         <span *ngSwitchCase="'INTEGER' || 'DECIMAL'">
           {{dataObject.data[0].row[i] | number}}
         </span>
+        <span *ngSwitchCase="'TEXT'" class="long-text">
+          {{dataObject.data[0].row[i]}}
+        </span>
         <span *ngSwitchDefault>
           {{dataObject.data[0].row[i]}}
         </span>

src/app/shared/tabs/entity-datatable-tab/datatable-single-row/datatable-single-row.component.scss

@@ -18,6 +18,11 @@
 
 .system-defined {
   margin-top: 3px;
-  color: $concrete !important;
+  color: $status-approved !important;
   font-weight: 100;
 }
+
+.long-text {
+  word-break: break-all;
+  white-space: normal;
+}

src/app/shared/tabs/entity-datatable-tab/datatable-single-row/datatable-single-row.component.ts

@@ -133,5 +133,4 @@ export class DatatableSingleRowComponent implements OnInit {
   getInputName(attr: string): string {
     return this.datatables.getName(attr);
   }
-
 }