gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 15:19:01 +02:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

feat(views/table): smooth column update

Browse Source
This commit is contained in:
Elian Doran 2025-06-27 23:01:15 +03:00
parent 44ce6a5169
commit c058673e33
No known key found for this signature in database
1 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/client/src/widgets/view_widgets/table_view/index.ts
View File

@ -2,7 +2,7 @@ import froca from "../../../services/froca.js";
import ViewMode, { type ViewModeArgs } from "../view_mode.js"; import ViewMode, { type ViewModeArgs } from "../view_mode.js";
import { createGrid, AllCommunityModule, ModuleRegistry, GridOptions } from "ag-grid-community"; import { createGrid, AllCommunityModule, ModuleRegistry, GridOptions } from "ag-grid-community";
import attributes, { setLabel } from "../../../services/attributes.js"; import attributes, { setLabel } from "../../../services/attributes.js";
import getPromotedAttributeInformation, { buildData, TableData } from "./data.js"; import getPromotedAttributeInformation, { buildColumnDefinitions, buildData, TableData } from "./data.js";
import applyHeaderCustomization from "./header-customization.js"; import applyHeaderCustomization from "./header-customization.js";
import server from "../../../services/server.js"; import server from "../../../services/server.js";
import type { GridApi, GridState } from "ag-grid-community"; import type { GridApi, GridState } from "ag-grid-community";
@ -79,15 +79,10 @@ export default class TableView extends ViewMode<StateInfo> {
} }
private async renderTable(el: HTMLElement) { private async renderTable(el: HTMLElement) {
const { noteIds, parentNote } = this.args;
const notes = await froca.getNotes(noteIds);
const info = getPromotedAttributeInformation(parentNote);
const viewStorage = await this.viewStorage.restore(); const viewStorage = await this.viewStorage.restore();
const initialState = viewStorage?.gridState; const initialState = viewStorage?.gridState;
this.api = createGrid(el, { const options: GridOptions<TableData> = {
...buildData(parentNote, info, notes),
...this.setupEditing(), ...this.setupEditing(),
...this.setupDragging(), ...this.setupDragging(),
initialState, initialState,
@ -95,6 +90,18 @@ export default class TableView extends ViewMode<StateInfo> {
applyHeaderCustomization(el, event.api); applyHeaderCustomization(el, event.api);
}, },
onStateUpdated: () => this.spacedUpdate.scheduleUpdate() onStateUpdated: () => this.spacedUpdate.scheduleUpdate()
}
this.api = createGrid(el, options);
this.loadData();
}
private async loadData() {
const notes = await froca.getNotes(this.args.noteIds);
const info = getPromotedAttributeInformation(this.parentNote);
this.api?.updateGridOptions({
...buildData(this.parentNote, info, notes)
}); });
} }
@ -190,7 +197,11 @@ export default class TableView extends ViewMode<StateInfo> {
attr.type === "label" && attr.type === "label" &&
attr.name?.startsWith("label:") && attr.name?.startsWith("label:") &&
attributes.isAffecting(attr, this.parentNote))) { attributes.isAffecting(attr, this.parentNote))) {
return true; const info = getPromotedAttributeInformation(this.parentNote);
const columnDefs = buildColumnDefinitions(info);
this.api?.updateGridOptions({
columnDefs
})
} }
return false; return false;