@codecabinet.online/codecabinet.online-sni-custom-grid-library
Version:
codecabinet.online created an astonishing grid library
165 lines • 7.64 kB
TypeScript
import { EventEmitter, OnChanges } from '@angular/core';
import { AfterViewInit, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
import { Router } from '@angular/router';
import { TranslateService } from '@ngx-translate/core';
import { Subscription } from 'rxjs';
import { NotificationService } from '../../services/notification.service';
import { CustomGridColumnComponent } from '../custom-grid-column/custom-grid-column.component';
import { ApexNonAxisChartSeries, ApexPlotOptions, ApexChart, ChartComponent, ApexFill } from "ng-apexcharts";
import * as i0 from "@angular/core";
export declare type ChartOptions = {
series: ApexNonAxisChartSeries;
chart: ApexChart;
labels: string[];
plotOptions: ApexPlotOptions;
fill: ApexFill;
};
export declare class CustomGridComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
private renderer;
private _router;
private _toastService;
private _translate;
columns: QueryList<CustomGridColumnComponent>;
dataSource: any[];
dataSourcePK: string;
filtersDataType: any;
rowHasDetails: boolean;
hasGridDetails: boolean;
hasFilters: boolean;
rowDetails: any[];
disabledRows: any[];
disabledReasons: any[];
gridDetails: any[];
gridDetailsOrder: string[];
width: string;
height: string;
overflowX: string;
overflowY: string;
rowTemplate: string;
rowClass: any[];
noRecordsInnerHTML: string;
popoverConfiguration: any;
noDataImg: any;
detailsLoadMethod: string;
rowCheckable: boolean;
checkedRows: any[];
customDetails: any[];
detailsTitle: string;
toggleDetailsText: any;
translationKey: string;
gridDetailsTrasnlationKey: string;
hasNumbering: boolean;
hasStockInputIcon: boolean;
dataLoaded: boolean;
displayedDetails: string[];
popOverReturnOption: string;
filterable: boolean;
filters: any[];
filterMethod: string;
filtersChange: any;
filterSubscription: Subscription;
triggerFilters: EventEmitter<any>;
popOver: EventEmitter<any>;
scroll: EventEmitter<any>;
detailsToggled: EventEmitter<any>;
toggleChanged: EventEmitter<any>;
imageEnlarge: EventEmitter<any>;
customDetailsAction: EventEmitter<any>;
tooltipHover: EventEmitter<any>;
modalClickHandler: EventEmitter<any>;
mapHandler: EventEmitter<any>;
checkedRowsChange: EventEmitter<any[]>;
scrollWindow: any;
elementRef: any;
pageable: boolean;
hasPageSizeSelection: boolean;
pageSizes: number[];
pageSize: number;
chart: ChartComponent;
chartOptions: Partial<ChartOptions>;
dataSourceColumns: any[];
columnsDefinition: any[];
grid: any[];
norecords: boolean;
columnTypes: {
text: string;
dropdown: string;
switch: string;
date: string;
number: string;
list: string;
modal: string;
icon: string;
daterange: string;
button: string;
textnumber: string;
};
init: boolean;
allSelected: boolean;
hasSelected: boolean;
localCheckedRows: any[];
customDetailTypes: {
text: string;
button: string;
warningText: string;
piechart: string;
};
tooltipList: any[];
_periodRange: {
start: any;
end: any;
};
showDateRangePopup: boolean;
datasourcesDef: any[];
objectKeys: {
(o: object): string[];
(o: {}): string[];
};
constructor(renderer: Renderer2, _router: Router, _toastService: NotificationService, _translate: TranslateService);
ngOnDestroy(): void;
ngOnInit(): void;
ngOnChanges(): void;
ngAfterViewInit(): void;
generateDynamicHtml(htmlTemplateProvided: string, row: any, stateClasses: any[]): string;
private renameKeys;
checkRedirectIsActive(isRedirectActive: string, row: any): any;
redirectRoute(route: string, id: string, isRedirectActive: string, row: any): void;
redirectUrl(link: any, row: any): void;
toggleDetailsContainer(rowIndex: number, id?: string): void;
formatDate(date: string): string;
disabledSwitch(row: any, disabledExpression: string): any;
disabledPopoverButtons(row: any, disabledExpression: string): any;
hidePopoverButtons(row: any, hiddenExpression: string): any;
checkDisabledRow(row: any): boolean;
checkDisabledCheckboxRow(row: any): boolean;
selectClass(event: any, row: any, classTarget?: string): string;
selectRowClass(row: any): string;
selectClassTemplate(classArray: any, row: any, classTarget?: string): string;
disable(exp: string, row: any): any;
hideCustomDetail(exp: string, row: any): any;
evaluateExpression(exp: string, row: any): any;
isNotEmpty(element: any): boolean;
checkHiddenCell(row: any, expression: any): boolean;
toggleValueChange(id: string): void;
popoverAction(action: any, rowData: any): void;
scrollHandler(event: any): void;
imageClickHandler(photo: any): void;
tooltipHoverHandler(event: any, rowIndex: number): void;
modalHandler(row: any, colField: string): void;
iconClickedHandler(row: any, colField: string): void;
cellActionHandler(row: any, colField: string): void;
redirectMap(event: any, row: any): void;
changePageSize(event: any): void;
selectHandler(event: any, rowIndex: number): void;
selectAllHandler(): void;
customTemplateActionHandler(action: string, id: string): void;
isDecimal(value: any): boolean;
valueChanged(event: any, popup: any): void;
clearDate(event: any, popup: any): void;
activateCalendar(popup: any): void;
openPopup(event: any): void;
closePopup(event: any): void;
static ɵfac: i0.ɵɵFactoryDeclaration<CustomGridComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CustomGridComponent, "custom-grid", never, { "dataSource": "dataSource"; "dataSourcePK": "dataSourcePK"; "filtersDataType": "filtersDataType"; "rowHasDetails": "rowHasDetails"; "hasGridDetails": "hasGridDetails"; "hasFilters": "hasFilters"; "rowDetails": "rowDetails"; "disabledRows": "disabledRows"; "disabledReasons": "disabledReasons"; "gridDetails": "gridDetails"; "gridDetailsOrder": "gridDetailsOrder"; "width": "width"; "height": "height"; "overflowX": "overflowX"; "overflowY": "overflowY"; "rowTemplate": "rowTemplate"; "rowClass": "rowClass"; "noRecordsInnerHTML": "noRecordsInnerHTML"; "popoverConfiguration": "popoverConfiguration"; "noDataImg": "noDataImg"; "detailsLoadMethod": "detailsLoadMethod"; "rowCheckable": "rowCheckable"; "checkedRows": "checkedRows"; "customDetails": "customDetails"; "detailsTitle": "detailsTitle"; "toggleDetailsText": "toggleDetailsText"; "translationKey": "translationKey"; "gridDetailsTrasnlationKey": "gridDetailsTrasnlationKey"; "hasNumbering": "hasNumbering"; "hasStockInputIcon": "hasStockInputIcon"; "dataLoaded": "dataLoaded"; "displayedDetails": "displayedDetails"; "popOverReturnOption": "popOverReturnOption"; "filterable": "filterable"; "filters": "filters"; "filterMethod": "filterMethod"; "pageable": "pageable"; "hasPageSizeSelection": "hasPageSizeSelection"; }, { "triggerFilters": "triggerFilters"; "popOver": "popOver"; "scroll": "scroll"; "detailsToggled": "detailsToggled"; "toggleChanged": "toggleChanged"; "imageEnlarge": "imageEnlarge"; "customDetailsAction": "customDetailsAction"; "tooltipHover": "tooltipHover"; "modalClickHandler": "modalClickHandler"; "mapHandler": "mapHandler"; "checkedRowsChange": "checkedRowsChange"; }, ["columns"], never>;
}
//# sourceMappingURL=custom-grid.component.d.ts.map