Ability to sort list of Volumes in the Volume page

[thomasdanan]

Component:

'ui'

Why this is needed:

In order to ease browsing and focus when looking at Volumes, it would be good to have the ability to sort Volumes per Name, usage, size, Health, Status and latency.

What should be done:

The Volume Page UI should offer the ability to sort on all columns of the table (exclusive sorting: one column at a time). It should be possible to do ascending, descending sort. Because the nature of each info is different between one column or the other, the sorting algo will be different:

Name: Alphanumeric sorting, case-insensitive
usage: Numeric sorting
size: Numeric sorting
Health: Enum sorting: Critical, Warning, Healthy, Unknown
Status: Enum sorting: Link, Unlink and Exclamation
latency: Numeric sorting

By default, the table is sorted by Health (or usage if all Volumes are with the same Health TBC).

In terms of presentation, the user can click on a column to activate the sorting or to change the sorting order. When doing so, the column header is decorated with a little arrow in the right direction, depending on the sort order.
This sorting setting is part of the URL. If it is not part of the URL, the default sorting is applied.

Implementation proposal (strongly recommended):

Test plan: