Skip to content

feat: integrate PortIndicators into RackDevice #250

@ggfevans

Description

@ggfevans

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.interfaces to PortIndicators
  • Pass current rackView prop
  • Position component after device content, before drag overlay (layer 3.5)
  • Add onPortClick handler 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

References

  • RackDevice structure: src/lib/components/RackDevice.svelte

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions