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.

Sign up for GitHub

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

Jump to bottom

angular-query-builder (Angular Tree Grid Advanced Filtering without the tree grid) #11750

Closed
armeireles opened this issue Jun 21, 2022 · 24 comments · Fixed by #11960
Closed

angular-query-builder (Angular Tree Grid Advanced Filtering without the tree grid) #11750

armeireles opened this issue Jun 21, 2022 · 24 comments · Fixed by #11960
Assignees
@igdmdimitrov
Labels
grid: advanced-filtering query-builder 🧰 feature-request ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged. ✅ status: verified Applies to PRs that have passed manual verification

Comments

@armeireles
Copy link

Is your feature request related to a problem? Please describe.

We need to query/filter elements that are not from the grid but from a 3D viewer that we use or other components.

Describe the solution you'd like

Use the "Angular Tree Grid Advanced Filtering" independently of the Tree Grid.

Describe alternatives you've considered

Currently we are using https://www.syncfusion.com/angular-ui-components/angular-query-builder

Additional context

We need the same component of the Angular Tree Grid Advanced Filtering but that works independently of the grid. And please add a search to find parameters while doing the conditions.

Thanks!
Antonio
@kdinev
Copy link
Member

kdinev commented Jun 21, 2022 •
edited
Loading

@armeireles So you're asking for this UI to be exported as a component?

image

This component is already exported separately, but is dependent on a reference grid, in order to populate the fields for the columns that would be filtered. We can abstract that so fields can be provided through inputs.

Using the advanced filter as UI outside of the grid: https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/advanced-filtering#demo

Update: One thing I forgot to mention is that the conditions list is in a igx-select component, which supports search, just like a regular select. You can start typing when the component is on focus and the select will go to the first item that matches your typing sequence.

@armeireles
Copy link
Author

armeireles commented Jun 21, 2022 via email

@kdinev
Copy link
Member

kdinev commented Jun 21, 2022

@armeireles I understand you perfectly. As I said, we can abstract that, so the component is usable outside of the grid context. We will look at what priorities we can shift around in order to put this in development sooner!

@armeireles
Copy link
Author

armeireles commented Jun 21, 2022 via email

@armeireles
Copy link
Author

@kdinev hello! any news regarding this? Can you give me a potential date for this release? Many thanks!

@kdinev
Copy link
Member

kdinev commented Jun 29, 2022

@armeireles All of the items for our current sprint were planned on the 20th. We will be able to give an update on this issue on July 4th, because that's when our next sprint planning happens.

@armeireles
Copy link
Author

armeireles commented Jun 29, 2022 via email

@igdmdimitrov igdmdimitrov added 🛠️ status: in-development Issues and PRs with active development on them and removed 🆕 status: new labels Jul 12, 2022
@mtsvyatkova
Copy link
Contributor

Hello Antonio, just to let you know that we have started working on extracting the advanced filtering logic in a separate Query Builder component so that it can be used without the grid reference. The output rule would be provided in a JSON format.
This issue will be updated with the progress on the item.

@armeireles
Copy link
Author

armeireles commented Jul 15, 2022 via email

@igdmdimitrov
Copy link
Contributor

Hello @armeireles. We don't have an estimate date, but we are targeting End of Q3.

@igdmdimitrov igdmdimitrov mentioned this issue Aug 11, 2022
Merged
14 tasks
@armeireles
Copy link
Author

armeireles commented Aug 30, 2022 via email

@ChronosSF
Copy link
Member

Hello @armeireles ,

Development is going according to plan and the release is still expected by the end of Q3 (end of September). Given a week or two for integrating it in your app and testing, it doesn't seem likely you'll be able to use the Query builder in your September's release but I'll update you again once we have a more solid date so you guys can plan accordingly if you wish.

@armeireles
Copy link
Author

armeireles commented Aug 31, 2022 via email

@kdinev
Copy link
Member

kdinev commented Aug 31, 2022 •
edited
Loading

@armeireles Thank you for the amount of trust you put in us, but my advice is to always test! :)

@ChronosSF
Copy link
Member

@armeireles , our current target for the next feature update that will include the Query Builder is Oct 5, so unfortunately we'll miss your september's release. We'll most likely have an alpha containing the feature either late next week or early in the week after so you'll at least be able to play around with it and see if there are any issues with integrating it in your app.

Check back when the issue gets automatically closed, as that will indicate this version is imminent.

@armeireles
Copy link
Author

armeireles commented Sep 16, 2022 via email

@simeonoff simeonoff added ✅ status: verified Applies to PRs that have passed manual verification and removed 🛠️ status: in-development Issues and PRs with active development on them labels Sep 28, 2022
@armeireles
Copy link
Author

Hello

Your target for the next feature update that will include the Query Builder is still Oct 5?

Any change to have access to any type of documentation regarding the structure of data that will the input and output of the component for us to start to adapt in the BackEnd?

It will be compatible with Angular 12?

I appreciate!
Antonio

@ChronosSF
Copy link
Member

Hello @armeireles ,

Yes, it's still Oct 5.

For the first release of the component we are only exposing a getter/setter that's basically a representation of the QB model and will be very similar in structure to the FilteringExpressionTree that's currently the way Advanced Filtering communicates with the grid. You will need to write a serializer for that structure that your backend is happy with. I am hoping to release a beta containing the component today or on Monday so you can check how it works.

The component will be released only for the upcoming 14.2 version that depends on Angular 14. It won't be compatible with Angular 12.

@armeireles
Copy link
Author

armeireles commented Sep 30, 2022 via email

@mtsvyatkova mtsvyatkova added the ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged. label Sep 30, 2022
@ChronosSF
Copy link
Member

@armeireles , you should be able to use the Query Builder with 14.2.0-alpha.4 . Docs/samples are still being worked on but you can get a decent idea on how to use it with our Dev sample in the repo's demo app- https://github.com/IgniteUI/igniteui-angular/tree/master/src/app/query-builder

You can run it by cloning the repo and doing

   npm install
   npm start

@armeireles
Copy link
Author

armeireles commented Oct 3, 2022 via email

@ChronosSF
Copy link
Member

Hello @armeireles , you have probably seen already, but 14.2.0 has been released and you can access the QueryBuilder documentation following this link: https://www.infragistics.com/products/ignite-ui-angular/angular/components/query-builder

For the first release we exposed a minimal set of API around it and we will be very happy for any feedback on how we can improve it in the future. For example, our plans include the ability to get GraphQL queries through a method instead of requiring the user to write their own transformers for the QB model. We will consider any other popular query language and/or anything that can make using the component easier for customers as well.

@armeireles
Copy link
Author

armeireles commented Oct 7, 2022 via email

@armeireles
Copy link
Author

armeireles commented Oct 11, 2022 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@igdmdimitrov igdmdimitrov

Labels
grid: advanced-filtering query-builder 🧰 feature-request ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged. ✅ status: verified Applies to PRs that have passed manual verification
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Query Builder Component IgniteUI/igniteui-angular
6 participants
@kdinev @ChronosSF @simeonoff @mtsvyatkova @armeireles @igdmdimitrov