ngx-mat-dynamic-table
Version:
Dynamic material table table.
44 lines • 6.07 kB
JavaScript
import { Component, Input, EventEmitter, Output, ChangeDetectionStrategy } from '@angular/core';
export class DynamicTableContainerComponent {
constructor() {
this.export = false; // Enable export for this table
this.filter = false; // Enable filter for this table
this.multiple = false; // Allow multiple select for this table
this.optionalColumns = false; // Show or hide columns
this.emitFilteredData = false; // Show or hide columns
this.rowClicked = new EventEmitter();
this.cellClicked = new EventEmitter();
this.selectedRows = new EventEmitter();
this.filterResult = new EventEmitter();
}
ngOnInit() {
}
}
DynamicTableContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-mat-dynamic-table-container',
template: "<ng-container *ngIf=\"tableData$\">\n <div *ngIf=\"(tableData$ | async) as tableData; else loading\">\n <ngx-mat-dynamic-table [tableId]=\"tableId\" [columns]=\"columns\" [tableData]=\"tableData\" [rowClick]=\"rowClick\"\n (rowClicked)=\"rowClicked.emit($event)\" [cellClick]=\"cellClick\" (cellClicked)=\"cellClicked.emit($event)\"\n [fileName]=\"fileName\" [export]=\"export\" [filter]=\"filter\" [multiple]=\"multiple\"\n (selectedRows)=\"selectedRows.emit($event)\" [optionalColumns]=\"optionalColumns\"\n [pageSizeOptions]=\"pageSizeOptions\" [emitFilteredData]=\"emitFilteredData\"\n (filterResult)=\"filterResult.emit($event)\">\n </ngx-mat-dynamic-table>\n </div>\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n </ng-template>\n</ng-container>",
changeDetection: ChangeDetectionStrategy.OnPush,
styles: [""]
},] }
];
DynamicTableContainerComponent.ctorParameters = () => [];
DynamicTableContainerComponent.propDecorators = {
tableId: [{ type: Input }],
tableData$: [{ type: Input }],
columns: [{ type: Input }],
rowClick: [{ type: Input }],
cellClick: [{ type: Input }],
fileName: [{ type: Input }],
export: [{ type: Input }],
filter: [{ type: Input }],
multiple: [{ type: Input }],
optionalColumns: [{ type: Input }],
pageSizeOptions: [{ type: Input }],
emitFilteredData: [{ type: Input }],
rowClicked: [{ type: Output }],
cellClicked: [{ type: Output }],
selectedRows: [{ type: Output }],
filterResult: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy10YWJsZS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii4uLy4uLy4uL3Byb2plY3RzL25neC1tYXQtZHluYW1pYy10YWJsZS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9keW5hbWljLXRhYmxlLWNvbnRhaW5lci9keW5hbWljLXRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVV4RyxNQUFNLE9BQU8sOEJBQThCO0lBb0J6QztRQVpTLFdBQU0sR0FBWSxLQUFLLENBQUMsQ0FBQywrQkFBK0I7UUFDeEQsV0FBTSxHQUFZLEtBQUssQ0FBQyxDQUFDLCtCQUErQjtRQUN4RCxhQUFRLEdBQVksS0FBSyxDQUFDLENBQUMsdUNBQXVDO1FBQ2xFLG9CQUFlLEdBQVksS0FBSyxDQUFDLENBQUMsdUJBQXVCO1FBRXpELHFCQUFnQixHQUFZLEtBQUssQ0FBQyxDQUFDLHVCQUF1QjtRQUV6RCxlQUFVLEdBQW9CLElBQUksWUFBWSxFQUFLLENBQUM7UUFDcEQsZ0JBQVcsR0FBb0IsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUNyRCxpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQzFELGlCQUFZLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFFcEQsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7O1lBN0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUNBQWlDO2dCQUMzQyw2M0JBQXVEO2dCQUV2RCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7Ozs7c0JBR0UsS0FBSzt5QkFDTCxLQUFLO3NCQUNMLEtBQUs7dUJBQ0wsS0FBSzt3QkFDTCxLQUFLO3VCQUNMLEtBQUs7cUJBQ0wsS0FBSztxQkFDTCxLQUFLO3VCQUNMLEtBQUs7OEJBQ0wsS0FBSzs4QkFDTCxLQUFLOytCQUNMLEtBQUs7eUJBRUwsTUFBTTswQkFDTixNQUFNOzJCQUNOLE1BQU07MkJBQ04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgRHluYW1pY1RhYmxlQ29sdW1uRGVmaW5pdGlvbiB9IGZyb20gJy4uL2R5bmFtaWMtdGFibGUvZHluYW1pYy10YWJsZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduZ3gtbWF0LWR5bmFtaWMtdGFibGUtY29udGFpbmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy10YWJsZS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2R5bmFtaWMtdGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5jc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHluYW1pY1RhYmxlQ29udGFpbmVyQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgdGFibGVJZDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRhYmxlRGF0YSQ6IE9ic2VydmFibGU8VFtdPjtcclxuICBASW5wdXQoKSBjb2x1bW5zOiBEeW5hbWljVGFibGVDb2x1bW5EZWZpbml0aW9uW107XHJcbiAgQElucHV0KCkgcm93Q2xpY2s6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgY2VsbENsaWNrOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGZpbGVOYW1lOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZXhwb3J0OiBib29sZWFuID0gZmFsc2U7IC8vIEVuYWJsZSBleHBvcnQgZm9yIHRoaXMgdGFibGVcclxuICBASW5wdXQoKSBmaWx0ZXI6IGJvb2xlYW4gPSBmYWxzZTsgLy8gRW5hYmxlIGZpbHRlciBmb3IgdGhpcyB0YWJsZVxyXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7IC8vIEFsbG93IG11bHRpcGxlIHNlbGVjdCBmb3IgdGhpcyB0YWJsZVxyXG4gIEBJbnB1dCgpIG9wdGlvbmFsQ29sdW1uczogYm9vbGVhbiA9IGZhbHNlOyAvLyBTaG93IG9yIGhpZGUgY29sdW1uc1xyXG4gIEBJbnB1dCgpIHBhZ2VTaXplT3B0aW9uczogbnVtYmVyW107XHJcbiAgQElucHV0KCkgZW1pdEZpbHRlcmVkRGF0YTogYm9vbGVhbiA9IGZhbHNlOyAvLyBTaG93IG9yIGhpZGUgY29sdW1uc1xyXG5cclxuICBAT3V0cHV0KCkgcm93Q2xpY2tlZDogRXZlbnRFbWl0dGVyPFQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xyXG4gIEBPdXRwdXQoKSBjZWxsQ2xpY2tlZDogRXZlbnRFbWl0dGVyPFQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZFJvd3M6IEV2ZW50RW1pdHRlcjxUW10+ID0gbmV3IEV2ZW50RW1pdHRlcjxUW10+KCk7XHJcbiAgQE91dHB1dCgpIGZpbHRlclJlc3VsdDogRXZlbnRFbWl0dGVyPFRbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPFRbXT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=