Skip to content

Add Trigger DAG UI with advance options - #43367

Merged
bbovenzi merged 47 commits into
apache:mainfrom
shubhamraj-git:trigger-ui
Nov 13, 2024
Merged

Add Trigger DAG UI with advance options#43367
bbovenzi merged 47 commits into
apache:mainfrom
shubhamraj-git:trigger-ui

Conversation

@shubhamraj-git

@shubhamraj-git shubhamraj-git commented Oct 24, 2024

Copy link
Copy Markdown
Contributor
Screenshot 2024-11-13 at 1 06 13 AM Screenshot 2024-11-13 at 1 06 02 AM Screenshot 2024-11-13 at 1 05 31 AM Screenshot 2024-11-13 at 1 05 23 AM Screenshot 2024-11-13 at 1 05 14 AM Screenshot 2024-11-13 at 1 04 55 AM

^ 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 the area:UI Related to UI/UX. For Frontend Developers. label Oct 24, 2024
@shubhamraj-git

Copy link
Copy Markdown
Contributor Author

@jscheffl Tried to cover many points. Still some points left.

  1. Reset should be shown only when "show advance option" is true.
  2. JSON linters and validation should be part of codemirror.
  3. Some style fix for config box.

@jscheffl jscheffl left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Some early bird comments - mostly beautifying and details. Don't take all of them too serious, rather as hints.

Comment thread airflow/ui/src/components/DataTable/TriggerDAG.ts Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAG.ts Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGForm.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGForm.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGForm.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGForm.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGForm.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGModal.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGModal.tsx Outdated
Comment thread airflow/ui/src/pages/DagsList/DagsList.tsx Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAG.ts Outdated
Comment thread airflow/ui/src/components/DataTable/TriggerDAGForm.tsx Outdated

@bbovenzi bbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Let's move this from inside components/DataTable to components/TriggerDag

@bbovenzi

bbovenzi commented Nov 4, 2024

Copy link
Copy Markdown
Contributor

Oh you already rebased? How was moving your changes to chakra v3?

@shubhamraj-git

Copy link
Copy Markdown
Contributor Author

@bbovenzi
I rebased and encountered lot of issues. I am still working on getting the existing code to migrate to chakra ui 3.0, didn't pushed yet.
Some of the areas impacted are forms, modal.
Will refer the migration PR for the changes. Post that I will work on the reviews.

@bbovenzi

bbovenzi commented Nov 4, 2024

Copy link
Copy Markdown
Contributor

Ok. Let me know if you want me to pull the branch down and help with the rebase.

@shubhamraj-git

Copy link
Copy Markdown
Contributor Author

@bbovenzi @jscheffl Rebased successfully.
Last few commits just have rebase related changes. Will address the reviews in coming commits.

@jscheffl jscheffl left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Just one small bug and a small nit... otherwise looks very good and from my point could be merged!
Thanks!

Comment thread airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx
Comment thread airflow/ui/src/components/TriggerDag/TriggerDAGIconButton.tsx Outdated
Comment thread airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx Outdated
Comment thread airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx
Comment thread airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx
@shubhamraj-git shubhamraj-git changed the title Add trigger DAG with advance options Add Trigger DAG UI with advance options Nov 12, 2024
Comment thread airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx Outdated

@bbovenzi bbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Great work! Thanks for being patient with all the back-and-forth review comments.

@bbovenzi
bbovenzi merged commit 52b12ad into apache:main Nov 13, 2024
@jscheffl

Copy link
Copy Markdown
Contributor

Great work! Thanks for being patient with all the back-and-forth review comments.

+1 from my side for handling all the comments :-D

amoghrajesh pushed a commit to astronomer/airflow that referenced this pull request Nov 14, 2024
* Initial draft

* some modifications

* rectifications

* initial react hook

* reset only on form change

* moving to diff componnent

* upgrading chakra ui 3.0 for TriggerDagForm.tsx

* upgrading chakra ui 3.0 for TriggerDagModal.tsx

* fix lint

* fix css

* add close

* dynamic theme for json

* lint fix

* simplify reset

* reviews

* json validation

* remove color schema

* use accordion

* Add Accordion component

* Use accordion component in triggeer form

* remove dag id from title

* fix response tracking

* add blue button

* making diff components for diff buttons

* lints

* lints fix

* variant add

* reset the form on close

* change type to string

* optimise

* post input validation and pretiffy for json

* modal refactor

* reviews

* add fiplay button

* replace logical with data interval

* add dag pause-upause toggle

* enable trigger for pause dag

* refactor

* DAG

---------

Co-authored-by: Brent Bovenzi <brent.bovenzi@gmail.com>
@shubhamraj-git
shubhamraj-git deleted the trigger-ui branch September 7, 2025 19:37
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.

3 participants