Skip to content

Conversation

@BrianLii
Copy link
Contributor

@BrianLii BrianLii commented Aug 19, 2025

Part of: #53053

This PR implements the filtering UI for viewing asset events. The filters include:

  • Timestamp -- date picker

  • DAG ID -- search bar with substring matching

  • Task ID -- search bar with substring matching

Demo:
https://github.com/user-attachments/assets/cfb496d2-fb84-4663-937c-7a61fa91526a

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Aug 19, 2025
@BrianLii BrianLii changed the title feat: Implemented Filters for Asset View feat: Implemented Filters UI for Asset View Aug 21, 2025
@BrianLii BrianLii marked this pull request as ready for review August 21, 2025 22:08
Copy link
Member

@guan404ming guan404ming left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the PR, the direction looks good! I've left some comments on it. Also, I think there are still two things needed in this PR:

  1. need to add labels for start date and end date fields

  2. make the layout more consistent with current filters, you could take a look at this one https://github.com/apache/airflow/pull/54049/files

  3. (optional) reset filter feature is also needed (could be done in follow up one)

cc @RoyLee1224 I think you are more familiar with filter please help give it a quick look if you have time. Thanks!

@BrianLii
Copy link
Contributor Author

Thanks @guan404ming for the review!
I've committed changes regarding the UI (1. and 2.) you mentioned. Below is how it looks now.
Screenshot 2025-08-25 at 8 05 28 PM

@BrianLii BrianLii force-pushed the feat-asset-view-filter branch from 71c9a9a to 5b18a59 Compare August 29, 2025 17:13
@BrianLii BrianLii requested a review from guan404ming August 29, 2025 23:52
Copy link
Member

@pierrejeambrun pierrejeambrun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Similarly to other filtering options, can you handle the reset filter button too?

@BrianLii
Copy link
Contributor Author

BrianLii commented Sep 4, 2025

I've also implemented the reset button, similar to the counterpart in Xcom.

@RoyLee1224
Copy link
Contributor

UI Looks good to me, nice fix 💪

@bbovenzi
Copy link
Contributor

Functionality looks good. Let's rebase to use the new components from #54895

Copy link
Contributor

@bbovenzi bbovenzi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually functionality looks good. We can update the UX in another PR

@bbovenzi bbovenzi merged commit 9385762 into apache:main Sep 11, 2025
55 checks passed
@bbovenzi bbovenzi added this to the Airflow 3.1.0 milestone Sep 11, 2025
@pierrejeambrun pierrejeambrun changed the title feat: Implemented Filters UI for Asset View feat: Implemented Filters UI for Asset Events View Sep 11, 2025
kaxil pushed a commit that referenced this pull request Sep 11, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
(cherry picked from commit 9385762)
suman-himanshu pushed a commit to suman-himanshu/airflow that referenced this pull request Sep 17, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
Brunda10 pushed a commit to Brunda10/airflow that referenced this pull request Sep 17, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Sep 30, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 1, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 2, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 3, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 4, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 5, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 5, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 7, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 8, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 9, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 10, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 11, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 12, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 14, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 15, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 17, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 19, 2025
* feat: implemented filter timestamp

* refactor: minor

* feat: remove key for the date input

* feat: add run and dag filter

* feat: add selector for run type

* fix: fix translation for selector label

* fix: add empty option in the selector

* refactor: move filter variables to utils

* fix: bug of total_entries

* feat: add label

* feat: beautify UI

* feat: add label for searchbar

* feat: use backend filter

* feat: move filter components to AssetEventsFilter

* feat: add reset button

* fix: remove unused translation package

* fix: remove unused translation package

* feat: update reset ui

* refactor: adjust the order of variables

* refactor: move paramkeys to global

* feat: conditionally render filter

* refactor: rename showFilters

---------

Co-authored-by: Brent Bovenzi <brent@astronomer.io>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants