loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-06-05 22:09:38 +02:00
Code Issues Releases Activity

feat: ✨ Aggiunta paginazione custom

Browse Source
This commit is contained in:
Maicol Battistini
2023-07-11 12:50:02 +02:00
parent eaf6884609
commit b808fa50f0
3 changed files with 84 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/ts/Components/DataTable/RecordsTable.tsx
View File

@@ -5,6 +5,7 @@ import '@maicol07/material-web-additions/data-table/data-table-row.js';
import {
DataTable as MdDataTable,
PaginateDetail,
RowSelectionChangedDetail
} from '@maicol07/material-web-additions/data-table/lib/data-table';
import {DataTableCell} from '@maicol07/material-web-additions/data-table/lib/data-table-cell';
@@ -31,18 +32,14 @@ export interface RecordsTableAttributes<M extends Model<any, any>> extends DataT
cols: Collection<Children> | Collection<RecordsTableColumnAttributes> | Collection<Children | RecordsTableColumnAttributes>;
records: Map<string, M>;
readonly?: boolean;
selectable?: boolean;
onTableRowClick?(recordId: string, event: MouseEvent): void;
onDeleteRecordButtonClick?(recordId: string, event: MouseEvent): void;
onDeleteSelectedRecordsButtonClick?(recordsIds: string[], event: MouseEvent): void;
onRowSelectionChanged?(selectedRecordsIds: string[], event: CustomEventInit<RowSelectionChangedDetail>): void;
onPageChange?(event: CustomEventInit<PaginateDetail>): void;
valueModifier?(value: any, attribute: string, record: M): any;
selectable?: boolean;
}
export default class RecordsTable<M extends Model<any, any>, A extends RecordsTableAttributes<M> = RecordsTableAttributes<M>> extends DataTable<A> {
@@ -51,9 +48,12 @@ export default class RecordsTable<M extends Model<any, any>, A extends RecordsTa
oninit(vnode: Vnode<A, this>) {
super.oninit(vnode);
this.setDefaultAttributes(vnode);
}
vnode.attrs.paginated ??= true;
vnode.attrs.currentPageSize ??= 10;
onbeforeupdate(vnode: VnodeDOM<A, this>) {
super.onbeforeupdate(vnode);
this.setDefaultAttributes(vnode);
}
onupdate(vnode: VnodeDOM<A, this>) {
@@ -67,6 +67,12 @@ export default class RecordsTable<M extends Model<any, any>, A extends RecordsTa
}
}
setDefaultAttributes(vnode: Vnode<A, this>) {
vnode.attrs.paginated ??= true;
vnode.attrs['current-page-size'] ??= 10;
vnode.attrs['custom-pagination'] ??= true;
}
contents(vnode: Vnode<A>) {
return [
this.tableColumns(vnode).values<Children>().all(),
@@ -199,7 +205,8 @@ export default class RecordsTable<M extends Model<any, any>, A extends RecordsTa
oncreate(vnode: VnodeDOM<A, this>) {
super.oncreate(vnode);
this.element.addEventListener('rowSelectionChanged', this.onRowSelectionChanged.bind(this, vnode));
this.element.addEventListener('row-selection-changed', this.onRowSelectionChanged.bind(this, vnode));
this.element.addEventListener('paginate', this.onTablePaginate.bind(this, vnode));
}
protected onRowSelectionChanged(vnode: Vnode<A>, event: CustomEventInit<RowSelectionChangedDetail>) {
@@ -224,6 +231,10 @@ export default class RecordsTable<M extends Model<any, any>, A extends RecordsTa
vnode.attrs.onTableRowClick?.(recordId, event);
}
protected onTablePaginate(vnode: Vnode<A>, event: CustomEventInit<PaginateDetail>) {
vnode.attrs.onPageChange?.(event);
}
protected onDeleteRecordButtonClicked(vnode: Vnode<A>, record: M, event: MouseEvent) {
event.stopPropagation();
vnode.attrs.onDeleteRecordButtonClick?.(record.getId()!, event);