Implement Filters on Contracts Page

[AbdullahMuk]

Feature Request

Description

As a user who is using the Contracts page,
I want to be able to filter search results,
So that I can find the most relevant information quickly and efficiently.

Which Areas Would Be Affected?

• edc-ui > Contracts Page

How does this tie into our current product?

This request aims at improving the user experience around contract management as an attempt to increase user satisfaction.

Requirements

to be aligned with @simritbhatia:

• Make tags filter-friendly @AbdullahMuk what exactly do you mean by this?
• Direction (Providing, Consuming)
• Validity (Valid, Expired)
• Language (English, German...)
• Contract Policy (not sure yet what this could entail)
• Content Type (JSON, DT...)
• Date (filter by year & month)

Acceptance Criteria

1. When I perform a search, I should see an option to apply filters to my search results.
2. I should be able to select one or multiple filters from a list of predefined filter options.
3. After selecting a filter, the page should refresh and display only the search results that match the selected filter(s).
4. I should have an option to clear all applied filters and reset the search results to their original state.
5. The system should remember my filter selections during a session, even if I navigate away from the page and return later.

Solution Proposal and Work Breakdown

@simritbhatia and Julian K. to define.

Tasks

Beta Give feedback

1. [Filters on Contracts Page] Design mockups / prototypes #600
   goal/improve-caas-usability task/ui-ux +2
   
2. Frontend: Implement filters for contracts page #601
   0 of 2
   component/edc-ui goal/improve-caas-usability status/blocked +3
   
3. Backend: Implement filters for contracts page edc-extensions#911
   0 of 4
   kind/enhancement scope/ce +2
   

[AbdullahMuk]

@simritbhatia regarding "Make tags filter-friendly", proposal: when user clicks on these tags the UI should update to only show the matching cards.