url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show cluster handles in both container and simple mode on Proxmox node

Browse Source
This commit is contained in:
Pouzor
2026-03-08 01:05:13 +01:00
parent 1364b30eb4
commit b2a6651db7
1 changed files with 13 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
+13 -33
View File
@@ -17,7 +17,15 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
// Render as a regular node when container mode is disabled
if (data.container_mode === false) {
return <BaseNode {...props} icon={Layers} />
return (
<>
<BaseNode {...props} icon={Layers} />
<Handle type="source" position={Position.Left} id="cluster-left-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
<Handle type="target" position={Position.Left} id="cluster-left-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
<Handle type="source" position={Position.Right} id="cluster-right-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
<Handle type="target" position={Position.Right} id="cluster-right-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
</>
)
}
const statusColor = STATUS_COLORS[data.status]
@@ -78,38 +86,10 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
<Handle type="source" position={Position.Bottom} className="!bg-[#30363d] !border-[#8b949e]" />
{/* Cluster handles — left/right for same-cluster links */}
<Handle
type="source"
position={Position.Left}
id="cluster-left-src"
title="Same cluster"
className="!w-2.5 !h-2.5 !rounded-sm"
style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 20 }}
/>
<Handle
type="target"
position={Position.Left}
id="cluster-left-tgt"
title="Same cluster"
className="!w-2.5 !h-2.5 !rounded-sm"
style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 36 }}
/>
<Handle
type="source"
position={Position.Right}
id="cluster-right-src"
title="Same cluster"
className="!w-2.5 !h-2.5 !rounded-sm"
style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 20 }}
/>
<Handle
type="target"
position={Position.Right}
id="cluster-right-tgt"
title="Same cluster"
className="!w-2.5 !h-2.5 !rounded-sm"
style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: 36 }}
/>
<Handle type="source" position={Position.Left} id="cluster-left-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
<Handle type="target" position={Position.Left} id="cluster-left-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
<Handle type="source" position={Position.Right} id="cluster-right-src" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '35%' }} />
<Handle type="target" position={Position.Right} id="cluster-right-tgt" title="Same cluster" className="!w-2.5 !h-2.5 !rounded-sm" style={{ background: '#ff6e00', borderColor: '#ff6e0088', top: '65%' }} />
</>
)
}