Redesign device front panel: USW Flex (USF5P) #9

New Issue

2026-11-05T10:26:22-05:00

jared commented

2026-11-05 10:26:22 -05:00

Make the front panel on the device page match the real hardware. This covers one model so it can be checked port by port against the physical unit.

Device: USW Flex (UniFi model code USF5P, 5 ports reported by UniFi)

Current state

SWITCH_LAYOUTS in static/port-inspector.js:

'USF5P': { rows: [[1,2,3,4]], sfp_section: [5] }

This draws four RJ45 ports plus port 5 as an SFP uplink, and README describes it the same way.

Likely layout bug

I recall this model having five RJ45 ports and no SFP cage, with one port taking PoE in to power the switch. If so, the current layout draws a connector that doesn't exist. Please confirm against the unit before changing it.

Verify against the unit or datasheet

Whether port 5 is RJ45 or SFP.
Which port is PoE in, and which ports supply PoE out.
Physical port order.

Acceptance criteria

Port order and connector types match a reference photo of the unit
The PoE input port is marked, and PoE-out ports show their current draw
README's layout description is corrected if needed
Each port shows state, speed and neighbor without overlapping text
Clicking a port or using the keyboard opens the existing port panel, and #port-N links still work
No sideways page scroll at phone width
Reference photo or datasheet link is recorded on this issue

Make the front panel on the device page match the real hardware. This covers one model so it can be checked port by port against the physical unit. **Device:** `USW Flex` (UniFi model code `USF5P`, 5 ports reported by UniFi) ## Current state `SWITCH_LAYOUTS` in `static/port-inspector.js`: ```js 'USF5P': { rows: [[1,2,3,4]], sfp_section: [5] } ``` This draws four RJ45 ports plus port 5 as an SFP uplink, and README describes it the same way. ## Likely layout bug I recall this model having five RJ45 ports and no SFP cage, with one port taking PoE in to power the switch. If so, the current layout draws a connector that doesn't exist. Please confirm against the unit before changing it. ## Verify against the unit or datasheet - Whether port 5 is RJ45 or SFP. - Which port is PoE in, and which ports supply PoE out. - Physical port order. ## Acceptance criteria - [ ] Port order and connector types match a reference photo of the unit - [ ] The PoE input port is marked, and PoE-out ports show their current draw - [ ] README's layout description is corrected if needed - [ ] Each port shows state, speed and neighbor without overlapping text - [ ] Clicking a port or using the keyboard opens the existing port panel, and `#port-N` links still work - [ ] No sideways page scroll at phone width - [ ] Reference photo or datasheet link is recorded on this issue

jared referenced a pull request that will close this issue

2026-11-05 11:12:07 -05:00

Draw realistic front panels for every device model #13

jared closed this issue

2026-11-05 11:16:33 -05:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: LotusGuild/gandalf#9