Allow add loan charge in future date (#1644)

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

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);
   }
-
 }