bbovenzi opened a new pull request #22123:
URL: https://github.com/apache/airflow/pull/22123


   Add a details drawer to the right side of the grid view to quickly see 
details and actions for the DAG / Dag Run / Task Instance. This replaces the 
modal when clicking on a dag run or task instance. (Modals still exist for 
graph and gantt views)
   
   Benefits:
   - Simplify tooltips to only show basic at-a-glance info, and rely on the 
drawer for more advanced details
   - Show details in context of what run or task you are looking at
   - Dag Run and Task Instance actions in context of what Task/Run you are 
changing
   - Run and Task actions is a seamless experience without multiple page 
redirects. And one can immediately see changes take place.
   
   Next Up:
   - The side drawer for a mapped task  will include a table of all of its 
mapped instances with their respective actions
   - A better DAG details side drawer. In this PR, it is a table of some basic 
details, but I would like for it to be an overview of your DAG and the 
runs/tasks that are currently being displayed in the grid view
   
   Closes #19938
   Closes #21428
   Related #20382
   Closes #19674
   
   Other notes:
   Python isn't my strong suit so any help with the changes I had to make to 
the webserver (`views.py` and `utils.py`) would be greatly appreciated.
   
   Dag Details:
   <img width="991" alt="Screen Shot 2022-03-17 at 12 40 31 PM" 
src="https://user-images.githubusercontent.com/4600967/158852846-d5894305-b27d-4587-964d-d66ee06e6764.png";>
   
   
   Run Details:
   <img width="998" alt="Screen Shot 2022-03-17 at 12 37 11 PM" 
src="https://user-images.githubusercontent.com/4600967/158852707-109fbf57-aa3f-4c67-b283-aa3803adc258.png";>
   
   
   Task Instance Details:
   <img width="998" alt="Screen Shot 2022-03-17 at 12 37 02 PM" 
src="https://user-images.githubusercontent.com/4600967/158852657-e2c561cb-ce68-4681-b290-381b24a9a836.png";>
   
   
   Navigating between details:
   ![Mar-17-2022 
12-56-37](https://user-images.githubusercontent.com/4600967/158853607-61fd6108-fd28-46b6-8255-e09331ee0081.gif)
   
   
   Scrolling:
   ![Mar-17-2022 
12-46-07](https://user-images.githubusercontent.com/4600967/158852919-e9786e28-ff7d-41a6-91d3-12aa8835f3b1.gif)
   
   
   Marking a Task Failed:
   ![Mar-17-2022 
12-51-06](https://user-images.githubusercontent.com/4600967/158853042-67b191e4-d754-43af-88e3-2fecee26e215.gif)
   
   
   Clearing a DAG Run:
   ![Mar-17-2022 
12-51-57](https://user-images.githubusercontent.com/4600967/158853227-4105d6de-7fb0-4b55-b37c-a4039bfa7f40.gif)
   
   Changing Timezone:
   ![Mar-17-2022 
21-03-22](https://user-images.githubusercontent.com/4600967/158917936-4604529f-18ca-4d5e-bd37-2973c1c0af6c.gif)
   
   
   
   ---
   **^ Add meaningful description above**
   
   Read the **[Pull Request 
Guidelines](https://github.com/apache/airflow/blob/main/CONTRIBUTING.rst#pull-request-guidelines)**
 for more information.
   In case of fundamental code change, Airflow Improvement Proposal 
([AIP](https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvements+Proposals))
 is needed.
   In case of a new dependency, check compliance with the [ASF 3rd Party 
License Policy](https://www.apache.org/legal/resolved.html#category-x).
   In case of backwards incompatible changes please leave a note in 
[UPDATING.md](https://github.com/apache/airflow/blob/main/UPDATING.md).
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


Reply via email to