Skip to content

Improve task & run actions ux in grid view#30373

Merged
bbovenzi merged 4 commits intoapache:mainfrom
astronomer:improve-task-&-run-actions-ux
Apr 14, 2023
Merged

Improve task & run actions ux in grid view#30373
bbovenzi merged 4 commits intoapache:mainfrom
astronomer:improve-task-&-run-actions-ux

Conversation

@bbovenzi
Copy link
Copy Markdown
Contributor

@bbovenzi bbovenzi commented Mar 30, 2023

Closes #29851

Before

  • All of the options to clear or mark the state of a dag run or task instance took up a lot of real estate on the page - - - Actions were only accessible from the "Details" tab.
  • The confirmation modal was a giant wall of text.

Screenshot 2023-03-30 at 1 16 49 PM

Screenshot 2023-03-30 at 1 16 56 PM

After

  • Make the actions just two small buttons
  • Actions are accessible from Logs and Graph tabs
  • Remove unnecessary confirmation for dag run actions
  • Show the number of tasks affected while toggling options, and have the full list of affected tasks in an accordion

Screenshot 2023-03-30 at 1 16 25 PM

Screenshot 2023-03-30 at 2 27 04 PM


^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

@boring-cyborg boring-cyborg bot added area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues labels Mar 30, 2023
@bbovenzi bbovenzi added this to the Airflow 2.6.0 milestone Mar 30, 2023
@bbovenzi bbovenzi marked this pull request as ready for review March 30, 2023 18:27
@bbovenzi bbovenzi requested a review from pierrejeambrun March 30, 2023 18:27
@pierrejeambrun pierrejeambrun added the type:improvement Changelog: Improvements label Apr 13, 2023
@uranusjr
Copy link
Copy Markdown
Member

It seems the popup got narrower, or is it simply a difference in local setup?

Copy link
Copy Markdown
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.

Tested locally works as expected.

The code looks good to me :)

Small nit, we lost a user warning about clearing task group in the past/future informing that this action could take a while. (Due to possible db locks etc). I'm not against removing it but just want to make sure that it was intended to be removed :)

@pierrejeambrun
Copy link
Copy Markdown
Member

pierrejeambrun commented Apr 13, 2023

I think you are right @uranusjr. I am opening a follow up PR to display a table there for the task detail, I feel like it is really hard to see the tasks in the current code block.

Also I just noticed a small thing, buttons are outlined for dagrun but plain for task instance:
image
image

Also weirdly for outlined button, vertical align seems off.

@bbovenzi
Copy link
Copy Markdown
Contributor Author

Fixed the different button fill.
Restored the warning for past/future task group clear
Put the modal back to the old width

@bbovenzi bbovenzi merged commit c5b685e into apache:main Apr 14, 2023
@bbovenzi bbovenzi deleted the improve-task-&-run-actions-ux branch April 14, 2023 16:51
ephraimbuddy pushed a commit that referenced this pull request Apr 14, 2023
* update run clear+mark, update task clear

* add mark as tasks and include list of affected tasks

* Add support for mapped tasks, add shared modal component

* Clean up styling, restore warning for past/future tg clear

(cherry picked from commit c5b685e)
wookiist pushed a commit to wookiist/airflow that referenced this pull request Apr 19, 2023
* update run clear+mark, update task clear

* add mark as tasks and include list of affected tasks

* Add support for mapped tasks, add shared modal component

* Clean up styling, restore warning for past/future tg clear
@JoepvandenHoven-Bluemine
Copy link
Copy Markdown

This has had some unintended consequences, I've outlined them in issue #31186.

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. area:webserver Webserver related Issues type:improvement Changelog: Improvements

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve TaskInstance and DagRun actions UX

5 participants