Hotline:
08.8803.8803
T2-T7:
8h30 - 20h30
| CN:
8h30 - 17h00

[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?