CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix/multirow data datatable (#1741)

Browse Source 
* Fix charge payment method edition

* Fix DataTables due incorrect records shown

---------

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>
This commit is contained in:
José Alberto Hernández
2023-04-24 22:08:23 -06:00
committed by GitHub
co-authored by Jose Alberto Hernandez
parent 7306781db8
commit 625d75a0f5
2 changed files with 26 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.html
+5 -3
View File
@@ -1,4 +1,4 @@
<div class="tab-container mat-typography"> <div class="tab-container mat-typography" id="selector-{{datatableName}}">
<div fxLayout="row" fxLayoutAlign="start"> <div fxLayout="row" fxLayoutAlign="start">
<div class="m-b-10"> <div class="m-b-10">
@@ -11,14 +11,15 @@
</button> </button>
</span> </span>
<span *mifosxHasPermission="'DELETE_' + datatableName"> <span *mifosxHasPermission="'DELETE_' + datatableName">
<button class="delete-button" mat-raised-button color="warn" (click)="delete()" *ngIf="hasEntityData"> <button class="delete-button" mat-raised-button color="warn" (click)="delete()" *ngIf="dataObject.data.length > 0">
<fa-icon icon="trash" class="m-r-10"></fa-icon>Delete All <fa-icon icon="trash" class="m-r-10"></fa-icon>Delete All
</button> </button>
</span> </span>
</div> </div>
</div> </div>
<table #dataTable mat-table [hidden]="!hasEntityData" [dataSource]="datatableData" class="mat-elevation-z1 m-b-25"> <div class="m-t-10" *ngIf="dataObject.data.length > 0">
<table #dataTable mat-table [dataSource]="datatableData" class="mat-elevation-z1 m-b-25">
<ng-container *ngFor="let datatableColumn of datatableColumns;let i = index" [matColumnDef]="datatableColumn"> <ng-container *ngFor="let datatableColumn of datatableColumns;let i = index" [matColumnDef]="datatableColumn">
<th mat-header-cell class="right" *matHeaderCellDef> {{datatableColumn}} </th> <th mat-header-cell class="right" *matHeaderCellDef> {{datatableColumn}} </th>
@@ -29,5 +30,6 @@
<tr mat-row *matRowDef="let row; columns: datatableColumns;"></tr> <tr mat-row *matRowDef="let row; columns: datatableColumns;"></tr>
</table> </table>
</div>
</div> </div>
src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.ts
+4 -10
View File
@@ -34,7 +34,6 @@ export class DatatableMultiRowComponent implements OnInit, OnDestroy {
/** Toggle button visibility */ /** Toggle button visibility */
showDeleteBotton: boolean; showDeleteBotton: boolean;
hasEntityData = false;
/** Data Table Reference */ /** Data Table Reference */
@ViewChild('dataTable', { static: true }) dataTableRef: MatTable<Element>; @ViewChild('dataTable', { static: true }) dataTableRef: MatTable<Element>;
@@ -56,9 +55,7 @@ export class DatatableMultiRowComponent implements OnInit, OnDestroy {
private datatables: Datatables, private datatables: Datatables,
private dateFormat: DateFormatPipe, private dateFormat: DateFormatPipe,
private dateTimeFormat: DatetimeFormatPipe, private dateTimeFormat: DatetimeFormatPipe,
private numberFormat: DecimalPipe) { private numberFormat: DecimalPipe) { }
}
/** /**
* Fetches data table name from route params. * Fetches data table name from route params.
@@ -72,17 +69,12 @@ export class DatatableMultiRowComponent implements OnInit, OnDestroy {
return columnHeader.columnName; return columnHeader.columnName;
}); });
this.datatableData = this.dataObject.data; this.datatableData = this.dataObject.data;
this.hasEntityData = (this.datatableData && this.datatableData.length > 0);
console.log(this.hasEntityData);
console.log(this.dataObject.data);
} }
ngOnDestroy(): void { ngOnDestroy(): void {
this.datatableName = null;
this.datatableColumns = null; this.datatableColumns = null;
this.datatableData = null; this.datatableData = null;
this.hasEntityData = false;
console.log(this.hasEntityData);
console.log(this.dataObject.data);
} }
/** /**
@@ -135,6 +127,7 @@ export class DatatableMultiRowComponent implements OnInit, OnDestroy {
} }
formatValue(index: number, value: any): any { formatValue(index: number, value: any): any {
if (this.dataObject.columnHeaders && this.dataObject.columnHeaders[index]) {
const columnDisplayType = this.dataObject.columnHeaders[index].columnDisplayType; const columnDisplayType = this.dataObject.columnHeaders[index].columnDisplayType;
if (columnDisplayType === 'DATE') { if (columnDisplayType === 'DATE') {
return this.dateFormat.transform(value); return this.dateFormat.transform(value);
@@ -147,6 +140,7 @@ export class DatatableMultiRowComponent implements OnInit, OnDestroy {
return value; return value;
} }
} }
}
return value; return value;
} }