Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migrate Query Source page to React: metadata, schedule and description blocks #4476

Conversation

kravets-levko
Copy link
Collaborator

What type of PR is this? (check all applicable)

  • Refactor

Related Tickets & Documents

#4429

@kravets-levko kravets-levko added Frontend Frontend: React Frontend codebase migration to React labels Dec 23, 2019
@kravets-levko kravets-levko self-assigned this Dec 23, 2019
.query-metadata-new.query-metadata-horizontal {
display: none;
}
}
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This block is the actual change, everything else is from Prettier

@kravets-levko kravets-levko marked this pull request as ready for review December 24, 2019 14:57
client/app/pages/queries/QuerySource.jsx Show resolved Hide resolved
client/app/pages/queries/QuerySource.jsx Outdated Show resolved Hide resolved
@@ -0,0 +1,79 @@
// ANGULAR_REMOVE_ME Change this class to `.query-metadata` when all related Angular code removed
Copy link
Member

Choose a reason for hiding this comment

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

Noticing it now, it's better if we keep .query-source-metadata here and .query-view-metadata for the view page to avoid conflicts.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@gabrieldutra I changed implementation of QueryMetadata component so now it can display data source too (32bd46e). I temporarily added data source to Query Source page so you can try in on preview instance of this PR (I'll remove it before merging 🙂). It slightly differs from all existing variants, but not too much and IMO works good enough (check how it stacks on different screen widths)

Copy link
Member

Choose a reason for hiding this comment

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

Cool, it looks it can be applied in the View page with no issues 👍

@kravets-levko kravets-levko force-pushed the migrate-query-source-to-react--metadata branch from 32bd46e to 8a1b08a Compare December 25, 2019 18:05
@kravets-levko kravets-levko merged commit a1e22d7 into migrate-query-source-view-to-react Dec 25, 2019
@kravets-levko kravets-levko deleted the migrate-query-source-to-react--metadata branch December 25, 2019 18:36
kravets-levko added a commit that referenced this pull request Jan 6, 2020
* Migrate Query Source View page to React: skeleton

* Sync QueryView and QuerySource (#4430)

* Migrate schema browser to react (#4432)

* Restyle code with Prettier

* Migrate Query page to React: Save changes (#4452)

* Migrate query source to React: Set of updates (#4457)

* Migrate Query page to React: Visualization Tabs (#4453)

Co-Authored-By: Levko Kravets <[email protected]>

* Migrate Query Source page to React: Visualizations area (#4463)

* Migrate Query page to React: Delete visualization button (#4461)

* Migrate Query Source page to React: Visualization actions (#4467)

* Migrate Query pages to React: Execute query hook (#4470)

* Migrate Query Source page to React: Editor area (#4468)

* Migrate Query Source page to React: metadata, schedule and description blocks (#4476)

* Migrate Query page to React: Cancel query execution (#4496)

* Migrate Query Source page to React: refine code (#4499)

* Migrate Query Source page to React: alerts (#4504)

* Migrate Query Source page to React: unsaved changes alert (#4505)

* Migrate Query Source to React: resizable areas (v2) (#4503)

* Migrate Query page to React: Query View (#4455)

Co-authored-by: Levko Kravets <[email protected]>

* Switch React and Angular versions of pages (until Angular version removed)

* Migrate Query pages to React: fix permissions (#4506)

* Migrate Query Source page to React: don't reload when saving new query (#4507)

* Migrate Query pages to React: fix tests (#4509)

* Use skipParametersDirtyFlag in executeQuery

* Fix: cannot fork query from Query View page

* Optimize query editor: handle query text changes faster

* Revert "Optimize query editor: handle query text changes faster"

This reverts commit 2934e53.

* Reduce debounced time to 100

* Migrate Query pages to React: cleanup (#4512)

* Migrate Query pages to React: cleanup

* Further cleanup

* Remove unused dependencies

* Fix embed pages

* Attempt to fix flaky test

* Cleanup: explicitly register the last Angular component

* Move contents of /filters folder to /lib

* Remove unnecessary import

* Remove cy.wait from Parameters spec

Co-authored-by: Gabriel Dutra <[email protected]>

Co-authored-by: Levko Kravets <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Frontend: React Frontend codebase migration to React Frontend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants