Problem: There is no way to filter package results by workflow status

[fiver-watson]

Description

One of the feedback elements from the recent Talk-Aloud usability tests. Currently users have no way of filtering package results by status. This can make it hard to find specific package when there are many results.

To Reproduce

1.Log in
2. Navigate to Packages
3. try to see only Done packages, or only those with Errors

Resulting error

No method available to filter results by workflow status

Expected behavior

Users can easily filter results by workflow status to better discover relevant packages.

Proposed solution

Following this feedback, we drafted 2 mockups to cover potential implementation solutions - one using tabs, and the other using a drop-down menu. After reviewing it with the team, no team members had strong preferences one way or the other. We then decided to get input from another Enduro user in a different context - Maaike, who operates the MoMA Enduro instance as part of their managed service.

Here is Maaike's feedback:

In my personal opinion, I prefer the Tabs option - I would find this a more efficient way to monitor the progress of a batch and view errors. The current status filter in [MoMA's version of] Enduro is similar to the drop-down filter option, which while functional, is slightly more tedious to manage than a series of tabs that I could quickly flip between.

Consequently we propose that the first implementation try using the tabs. A mockup is included below:

[sallain]

Note: #1036 allows for filtering by package status in the API; however, package filtering still needs to be implemented in the UI

[fiver-watson]

hi hi! Functionally, the tabs work great! However, I have a little bit of feedback on the design:

• At minimum, it seems like there might have been an icon mixup? i would suggest swapping the icons for Error and In Progress

• Is it possible for me to browse the icon set you are using, and see what other options are available? I'd like to see if there are any alternative candidates. For example, though i can see that each is set to 24x24 size, it looks strange to me that the "Done" and "In progress" circle icons don't appear to be the same size. Also, if we can find something appropriate, it could be good to pick something for the All tab...

[jraddaoui]

@fiver-watson https://icon-sets.iconify.design/clarity/

[fiver-watson]

Thanks @jraddaoui !

@djjuhasz some thoughts:

• For "All", perhaps we can try blocks-group-line
• For "In progress" I would suggest we try sync-line
• For "error", remove-line
• For "Queued" I thought perhaps clock-line or hourglass-line
• For "Done" I think you previously used check-circle-line, but they should look the same size if instead you use success-standard-line

There are additional alternative options for each, but these seemed like the best picks to me. Open to other suggestions though!

[djjuhasz]

Updated icons:

[fiver-watson]

Nice! Thanks for doing that, @djjuhasz !