polynux
/
pchl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix data retrieving in the column editor

This commit is contained in:
Guillaume Dorce 2023-06-04 16:01:35 +02:00
parent d3ba83e9ed
commit bb48ae89a2
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/utils/editor-tools/column.ts
View File

@ -2,7 +2,7 @@ import EditorJS, { BlockToolData, OutputBlockData, ToolConstructable } from "@ed
import { EDITOR_JS_TOOLS } from "../tools"; import { EDITOR_JS_TOOLS } from "../tools";
type ColumnData = { type ColumnData = {
columnsData: OutputBlockData[]; blocksData: OutputBlockData[][];
}; };
type ColumnConfig = { type ColumnConfig = {
@ -16,7 +16,9 @@ class ColumnTool {
private editors: EditorJS[]; private editors: EditorJS[];
constructor({ data, config }: { data?: ColumnData; config?: ColumnConfig }) { constructor({ data, config }: { data?: ColumnData; config?: ColumnConfig }) {
this.data = data ?? { columnsData: [] }; console.log("ColumnTool constructor");
console.log(data);
this.data = data ?? { blocksData: [[]] };
this.wrapper = undefined; this.wrapper = undefined;
this.tools = config?.tools ?? EDITOR_JS_TOOLS; this.tools = config?.tools ?? EDITOR_JS_TOOLS;
this.editors = []; this.editors = [];
@ -47,13 +49,12 @@ class ColumnTool {
} }
render() { render() {
console.log(this.tools);
if (!this.wrapper) this.wrapper = document.createElement("div"); if (!this.wrapper) this.wrapper = document.createElement("div");
const child = document.createElement("div"); const child = document.createElement("div");
child.classList.add("flex", "flex-row", "w-full", "space-x-4"); child.classList.add("flex", "flex-row", "w-full", "space-x-4");
const blocksData: BlockToolData[] = []; const blocksData: BlockToolData[] = this.data.blocksData;
for (let i = 0; i < 2; i++) { for (let i = 0; i < 2; i++) {
const column = this.createColumn(); const column = this.createColumn();
@ -64,20 +65,23 @@ class ColumnTool {
const data = await api.saver.save(); const data = await api.saver.save();
blocksData[i] = data.blocks; blocksData[i] = data.blocks;
}, },
data: {
blocks: this.data.blocksData[i] || [],
},
}); });
child.appendChild(column); child.appendChild(column);
this.editors.push(editor); this.editors.push(editor);
} }
this.wrapper.appendChild(child); this.wrapper.appendChild(child);
this.data.columnsData = blocksData; this.data.blocksData = blocksData;
return this.wrapper; return this.wrapper;
} }
save() { save() {
return { return {
blocksData: this.data.columnsData, blocksData: this.data.blocksData,
}; };
} }