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

chore(react): bring back node pointer & link configuration

Browse Source
This commit is contained in:
Elian Doran 2025-10-04 13:10:18 +03:00
parent 2d29d1b41f
commit 9a1e7ca3ae
No known key found for this signature in database
2 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/client/src/widgets/note_map.ts
View File

@ -34,6 +34,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
private fixNodes: boolean; private fixNodes: boolean;
private widgetMode: WidgetMode; private widgetMode: WidgetMode;
private themeStyle!: string;
private $container!: JQuery<HTMLElement>; private $container!: JQuery<HTMLElement>;
private $fixNodesButton!: JQuery<HTMLElement>; private $fixNodesButton!: JQuery<HTMLElement>;
graph!: ForceGraph; graph!: ForceGraph;
@ -80,28 +81,9 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
} }
}) })
// set link width to immitate a highlight effekt. Checking the condition if any links are saved in the previous defined set highlightlinks
.linkWidth((link) => (highlightLinks.has(link) ? 3 : 0.4))
.linkColor((link) => (highlightLinks.has(link) ? "white" : this.cssData.mutedTextColor))
.linkDirectionalArrowLength(4)
.linkDirectionalArrowRelPos(0.95)
// Rendering code was here // Rendering code was here
.nodePointerAreaPaint((node, _, ctx) => this.paintNode(node as Node, this.getColorForNode(node as Node), ctx))
.nodePointerAreaPaint((node, color, ctx) => {
if (!node.id) {
return;
}
ctx.fillStyle = color;
ctx.beginPath();
if (node.x && node.y) {
ctx.arc(node.x, node.y, this.noteIdToSizeMap[node.id], 0, 2 * Math.PI, false);
}
ctx.fill();
})
.nodeLabel((node) => esc((node as Node).name))
.onNodeClick((node) => { .onNodeClick((node) => {
if (node.id) { if (node.id) {
appContext.tabManager.getActiveContext()?.setNote((node as Node).id); appContext.tabManager.getActiveContext()?.setNote((node as Node).id);

21
apps/client/src/widgets/note_map/rendering.ts
View File

@ -133,8 +133,29 @@ export function setupRendering(graph: ForceGraph, { noteId, themeStyle, widgetMo
hoverNode = node || null; hoverNode = node || null;
highlightLinks.clear(); highlightLinks.clear();
}) })
.nodePointerAreaPaint((node, _, ctx) => paintNode(node as Node, getColorForNode(node as Node, noteId, themeStyle, widgetMode), ctx))
.nodePointerAreaPaint((node, color, ctx) => {
if (!node.id) {
return;
}
ctx.fillStyle = color;
ctx.beginPath();
if (node.x && node.y) {
ctx.arc(node.x, node.y, noteIdToSizeMap[node.id], 0, 2 * Math.PI, false);
}
ctx.fill();
})
.nodeLabel((node) => escapeHtml((node as Node).name))
.onZoom((zoom) => zoomLevel = zoom.k); .onZoom((zoom) => zoomLevel = zoom.k);
// set link width to immitate a highlight effect. Checking the condition if any links are saved in the previous defined set highlightlinks
graph
.linkWidth((link) => (highlightLinks.has(link) ? 3 : 0.4))
.linkColor((link) => (highlightLinks.has(link) ? "white" : cssData.mutedTextColor))
.linkDirectionalArrowLength(4)
.linkDirectionalArrowRelPos(0.95)
// Link-specific config // Link-specific config
if (mapType) { if (mapType) {
graph graph