Skip to content

feat: interface list editor in EditPanel #257

@ggfevans

Description

@ggfevans

Parent Epic

Part of #71 (Network Interface Visualization and Connectivity)

Summary

Add UI for viewing and editing the list of interfaces on a device type.

Acceptance Criteria

  • Show interface list in device type edit view
  • Add new interface button
  • Edit existing interface (inline or modal)
  • Delete interface with confirmation
  • Reorder interfaces (drag or up/down buttons)
  • Bulk add interfaces (e.g., "Add 24 × 1000base-t")
  • Validate interface names are unique per device

UI Design

┌─────────────────────────┐
│ Interfaces (24)    [+]  │
├─────────────────────────┤
│ ≡ eth0     1GbE    [✎][✕]│
│ ≡ eth1     1GbE    [✎][✕]│
│ ≡ mgmt     1GbE 🔧 [✎][✕]│
│ ...                     │
├─────────────────────────┤
│ [Bulk Add...]           │
└─────────────────────────┘

🔧 = management only

Bulk Add Modal

Add Interfaces
Prefix: eth
Start: 0
Count: 24
Type: [1000base-t ▼]
Position: [Front ▼]
[Cancel] [Add 24 Interfaces]

Dependencies

References

  • EditPanel: src/lib/components/EditPanel.svelte

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions