[UI] table in fabric list in GUI is misleading

[Matthew Davis]

# Steps to reproduce

1. Install MAAS on a laptop with both WiFi and Ethernet. MAAS puts these on the same fabric. (Not sure why. I don't want them on the same fabric. But that's what MAAS does.)
2. Go to the Subnets page in the GUI
3. Look at the list of subnets. (See attachment)
4. Try to find the vlan for the 2nd subnet

# Expected results

The vlan for the 2nd subnet should be the value in the 'vlan' column, in the row for that subnet.

# Actual result:

The value in the 'vlan' column in the row for that subnet is empty. Even though there is a vlan and fabric corresponding to it.

The corresponding fabric is the one listed for the subnet above that row. The fabric seems to hold two subnets inside it. (I think? I'm still not sure.)

# Impact

I just wasted half an hour trying to figure out how to add a fabric for my subnet, so that I can provide DHCP over it. I didn't realise it already had one.

# To fix

I have 2 ideas for how to make the table clear.

1: crop the horizontal line separating the two rows, so that the fabric, vlan and dhcp cells span all rows to which they apply
2: Just duplicate the fabric, vlan and dhcp info for each row.

It seems launchpad won't let me attach more than one printscreen. I'll attach printscreens for these solutions to subsequent comments on this ticket.

[Matthew Davis (mdavistelstra)]

Here's what the GUI should look like

[Matthew Davis (mdavistelstra)]

Here's a simpler alternative fix

[Martin Storey (cassiocassio)]

- We could make this table a user-sortable table with fabric as the default sort order

- The simpler alternative fix would be fine in this case

then:

- sort by VLAN and sort by Space both seem like useful choices

- sort by subnet is less useful across multiple fabrics etc

alternatively:

- the first suggestion that makes the hierarchy unambiguous is worth exploring - I think we have that pattern on maas.io