[Demo] Day 2: Implement ticket filter ABC Library

admin . 6:17 am
Hello BA, how are you?
Today I’d like to give a quick demo for ticket ABC-0888
Ticket Scope:
This ticket is about implementing a filter section on the ABC Library page. The filter includes four options:
- A1
- B1
- C1
- D1
1. UI & Behavior
- The first three filters (A1,B1, and C1) are multi-select dropdown boxes.
- When a user selects any item inside these boxes:
- A number badge will appear indicating how many items are selected.
- The box will switch to a highlighted (blue) style.
- If no item is selected, the box remains in the default style with no badge.
All three filters behave consistently in this manner.
2. Archived Filter
- The D1 filter is implemented as a switch.
- By default, it is set to false, which means archived items are not shown.
- In this default state:
- The filter shows in default style, with no blue highlight and no badge.
- When the user toggles it to true:
- It will display with a blue highlight and a badge, similar to the other filters.
3. Functionality
- Once any of the filters are selected or changed, the frontend will immediately trigger an API call.
- This API call includes all selected filter values.
- The backend then responds with the filtered plugin data accordingly.
Do you have any questions so far?
If everything looks good to you, may I proceed to mark this ticket with the ba_pass
tag?