Filtering the list by clicking on bars in the chart

• Type: Story
• Status: In Design
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Content Dashboard
• Labels:
  • d_20_09
  • d_20_11
  • fc_20_10
  • fc_20_11
• Epic/Theme:
  • Content_Performance_Analytics
• Epic Link: tango-filtering-improvements-content-dashboard
• Sprint: TANGO | #45 DIS | Sep11-Sep25, TANGO | #46 DIS | Sep25-Oct09, TANGO | #47 DEV | Oct09-Oct23, TANGO | #48 DIS | Oct31-Nov13, TANGO | #49 DIS | Nov13-Nov27

Motivation

After the user's test carried out in the LPS-117343 epic, we've confirmed that a way to zoom into one category's assets in the graph is needed. By clicking on the bars in the chart, users will be able to filter the content's list below. The filter will consist in applying an "AND" operator with the selected category over the already existing filters.

Design

https://www.figma.com/file/vij7bXlz21buXTHqyFGCMv/LPS-120676-Filtering-the-list-by-clicking-on-bars-in-the-chart?node-id=3%3A27495

Technical Requirements

• When clicking on a bar in the graph, the list of contents below will be restricted by adding the filters matching the categories (it could be one or two)
• The new filters added will:
  • work with an AND operator between them, and in respect of the filters that may be already applied 
  • be shown in the filter section with their corresponding label (just one for the two new conditions)
• To draw the action back, te user can:
  • press ESC key
  • click on or off the same bar
  • click on another bar
• Click on "Clear all" button will clear all filters (the ones added with the recent action and the existing ones if there were any)
• When clicking on another bar, the filters coming from the recent action will be removed and the new ones will be added
• If the user: adds a new filter by any means, or removes one of the pre-existent ones, then the selected bar will get deselected and the back actions will be no longer available