add filter button to controls

[vjeffrey]

User Story

In today's version of Automate, we have these handy-dandy filter buttons on the nodes list and profiles list.

Example:

the filter button is the one just to the left of the scan results button.

With the (soon-arriving) addition of deep filtering, we expect that more users will want to filter by control. Instead of making them type up the control every time, we could add the same filter button to the places in the ui where we list controls. Those are:

• [ ] scan results (accessible from reporting nodes list and reporting profiles list)
• [ ] reporting profile details (accessible by clicking on a profile in reporting profiles list)
• [ ] reporting node details (accessible by clicking on a node in reporting nodes list)

required: ux designs

Definition of Done

filter buttons on all control lists

Aha! Link: https://chef.aha.io/epics/SH-E-459

[jonong1972]

What we can do is utilize the "3 Dot" icon (the more actions) and display a list of things you can do. in this case:

• Use as filter...
• Scan results or View error

[vjeffrey]

the three views where we display control lists are:

scan results:

node details:

profile details:

@jonong1972 could you please expand on your ux idea for this given those three lists are formatted in slightly different ways?

[vjeffrey]

(i'm assuming you mean the + button and scan results buttons on those views would get replaced with the control menu, but want to confirm)

[vjeffrey]

this whole thing should be made easier by the controls list work

[jonong1972]

For the sake of getting this enhancement out, we can just add the functionality now, and then retro fit the buttons into the combined ellipses button. I opened another issue for that work. https://github.com/chef/automate/issues/1331 https://app.zenhub.com/workspaces/ui-team-5cba23a3b14fdc05970c8f87/issues/chef/automate/1331