-
Notifications
You must be signed in to change notification settings - Fork 12
Closed
Description
Parent Epic
Part of #71 (Network Interface Visualization and Connectivity)
Summary
Wire up the PortIndicators component into RackDevice.svelte, passing interface data from device types.
Acceptance Criteria
- Import PortIndicators into RackDevice.svelte
- Pass
device.interfacesto PortIndicators - Pass current
rackViewprop - Position component after device content, before drag overlay (layer 3.5)
- Add
onPortClickhandler that emits port selection event - Conditionally render only when
device.interfaces?.length > 0 - Respect global "show ports" toggle (if implemented)
Integration Point
Insert after line ~336 in RackDevice.svelte (after device content block):
{#if device.interfaces?.length > 0}
<PortIndicators
interfaces={device.interfaces}
deviceWidth={deviceWidth}
deviceHeight={deviceHeight}
rackView={rackView}
onPortClick={handlePortClick}
/>
{/if}Dependencies
- feat: PortIndicators SVG component #249 (PortIndicators component)
References
- RackDevice structure:
src/lib/components/RackDevice.svelte