gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-11 08:58:58 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

chore(react/type_widget): save direction upon button press

Browse Source
This commit is contained in:
Elian Doran 2025-09-21 09:16:54 +03:00
parent 143e6a556c
commit 3417e37f16
No known key found for this signature in database
2 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/client/src/widgets/type_widgets/MindMap.tsx
View File

@ -8,13 +8,10 @@ import "mind-elixir/style";
import "@mind-elixir/node-menu/dist/style.css";
import "./MindMap.css";
import { useEditorSpacedUpdate } from "../react/hooks";
import { refToJQuerySelector } from "../react/react_utils";
const NEW_TOPIC_NAME = "";
interface MindmapModel extends MindElixirData {
direction: number;
}
interface MindElixirProps {
apiRef?: RefObject<MindElixirInstance>;
direction: number;
@ -33,7 +30,7 @@ export default function MindMap({ note }: TypeWidgetProps) {
let newContent: MindElixirData;
if (content) {
try {
newContent = JSON.parse(content) as MindmapModel;
newContent = JSON.parse(content) as MindElixirData;
} catch (e) {
console.warn(e);
console.debug("Wrong JSON content: ", content);
@ -76,7 +73,7 @@ export default function MindMap({ note }: TypeWidgetProps) {
)
}
function MindElixir({ content, containerProps, direction, apiRef: externalApiRef, onChange }: MindElixirProps) {
function MindElixir({ content, containerProps, apiRef: externalApiRef, onChange }: MindElixirProps) {
const containerRef = useRef<HTMLDivElement>(null);
const apiRef = useRef<MindElixirInstance>(null);
@ -84,8 +81,7 @@ function MindElixir({ content, containerProps, direction, apiRef: externalApiRef
if (!containerRef.current) return;
const mind = new VanillaMindElixir({
el: containerRef.current,
direction
el: containerRef.current
});
mind.install(nodeMenu);
@ -109,7 +105,15 @@ function MindElixir({ content, containerProps, direction, apiRef: externalApiRef
}
}
apiRef.current?.bus.addListener("operation", listener);
return () => apiRef.current?.bus?.removeListener("operation", listener);
// Direction change buttons don't report change, so we have to hook in manually.
const $container = refToJQuerySelector(containerRef);
$container.on("click", ".mind-elixir-toolbar.lt", onChange);
return () => {
$container.off("click", ".mind-elixir-toolbar.lt", onChange);
apiRef.current?.bus?.removeListener("operation", listener);
};
}, [ onChange ]);
return (

9
apps/client/src/widgets/type_widgets_old/mind_map.ts
View File

@ -15,15 +15,6 @@ export default class MindMapWidget extends TypeWidget {
return "mindMap";
}
doRender() {
// Save the mind map if the user changes the layout direction.
this.$content.on("click", ".mind-elixir-toolbar.lt", () => {
this.spacedUpdate.scheduleUpdate();
});
super.doRender();
}
async doRefresh(note: FNote) {
if (this.triggeredByUserOperation) {
this.triggeredByUserOperation = false;