NASA-AMMOS / aerie-ui

The client application for Aerie.
https://nasa-ammos.github.io/aerie-docs/
MIT License
29 stars 5 forks source link

Implement Custom filters for activity layers #1391

Open dandelany opened 2 months ago

dandelany commented 2 months ago

Per sprint planning, we wanted to track implementation of this in a separate issue from the design 1168. I think we have enough info to get started based on our discussion from today - I'm going to copy @lklyne 's conclusions here as a starting point for implementation:

Background

There's a couple of related ideas we can chain together to improve the row building and filtering experience. The overall goals are to simplify how rows are built and filtered, make filters more dynamic so they don't get stale as a mission model shifts, and add the ability for people to drill down and customize them if needed. We don't want to expose a lot of that complexity up front, but it should be easy to access.

Current issues

Some of the pain points with our approach to filtering that this design direction aims to address:

Proposed solutions

1) New browse panel: a better way to browse activities and resources (heavily inspired by the workflow in raven)

This part is handled in PR #1417

2) Improved filters in row details

3) Clear up hierarchy in row details

...this may need to be re-assessed after parts 1 and 2 above are implemented

Open questions + design

Prototype: https://www.figma.com/proto/gsWLcy9UuqSQVqbyHf4Lw6/AERIE-Filtering%2C-Activity-UX%2C-Timeline-Density?page-id=885%3A65354&node-id=1007-150579&viewport=35%2C-7458%2C0.55&t=Ia1AyYjoyOCSVWUg-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1007%3A64472&show-proto-sidebar=1

Design files: https://www.figma.com/board/PE4EJhU1GM7eEeJOyfdN3I/Aerie-Filters-and-Row-Building?node-id=0-1&t=9YbmVWV1sPhJOqlj-1 https://www.figma.com/design/gsWLcy9UuqSQVqbyHf4Lw6/AERIE-Filtering%2C-Activity-UX%2C-Timeline-Density?node-id=885-65354&t=5O7Q5GIEuaSAPokb-1

mattdailis commented 1 month ago

TODO: Split step 1 into its own ticket