igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

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

Open armeireles opened this issue 2 years ago • 16 comments

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

armeireles avatar Jun 21 '22 08:06 armeireles

@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.

kdinev avatar Jun 21 '22 09:06 kdinev

Dear

Exactly. We want to use it independently from the grid.

The idea is to use as a query builder. We want to isolate certain elements in a 3d viewer based on the conditions defined on this component.

Understand? Thanks!!

A terça, 21/06/2022, 10:08, Konstantin Dinev @.***> escreveu:

@armeireles https://github.com/armeireles So you're asking for this UI to be exported as a component?

[image: image] https://github.com/assets/1472513/ae48e99a-dcec-4f39-9ae4-07960f404970

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

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1161474367, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKVEKI25Y57HCVUSWODVQGBBVANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Jun 21 '22 12:06 armeireles

@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!

kdinev avatar Jun 21 '22 13:06 kdinev

I really appreciate for that. Let me know!! :)

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Konstantin Dinev @.***> escreveu no dia terça, 21/06/2022 à(s) 14:53:

@armeireles https://github.com/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!

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1161780091, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKWNG4ZYGKSF3DFMQ33VQHCN5ANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Jun 21 '22 14:06 armeireles

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

armeireles avatar Jun 28 '22 18:06 armeireles

@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.

kdinev avatar Jun 29 '22 07:06 kdinev

Hello Kostantin

I will wait for july 4 and hope that it fits on this next sprint. Thanks!!

A quarta, 29/06/2022, 08:29, Konstantin Dinev @.***> escreveu:

@armeireles https://github.com/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.

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1169631912, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKV37K47J5N4RX7YNKLVRP3NXANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Jun 29 '22 08:06 armeireles

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.

mtsvyatkova avatar Jul 15 '22 12:07 mtsvyatkova

Hello Maria. I appreciate your feedback. Are you able to give me an estimate data for it to be available? I want to plan the switch from Syncfusion to it as soon as possible (if possible still this month before the next update of our platform in first week of august).

Thanks

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Maria Tsvyatkova @.***> escreveu no dia sexta, 15/07/2022 à(s) 13:37:

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.

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1185503980, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKRPSUU4EKZFSYDZBETVUFLQRANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Jul 15 '22 13:07 armeireles

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

igdmdimitrov avatar Jul 18 '22 14:07 igdmdimitrov

Hello!

How are you? Can you give us a feedback how development is regarding extracting the advanced filtering logic in a separate Query Builder?

I reall y need this as soon as possible to integrate in our release in september. Would I have luck? :)

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Antonio Ruivo Meireles @.***> escreveu no dia segunda, 18/07/2022 à(s) 15:09:

Thanks. Let's hope that runs better than expected and beggining of september you have it :)

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

igdmdimitrov @.***> escreveu no dia segunda, 18/07/2022 à(s) 15:00:

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

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1187508665, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKQF2AVMSDMURVOADMLVUVPQTANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Aug 30 '22 23:08 armeireles

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.

ChronosSF avatar Aug 31 '22 12:08 ChronosSF

Thanks Stamen. I trust that your release will be free of bugs and no test need. ;) Let me know if there are any new news!

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Stamen Stoychev @.***> escreveu no dia quarta, 31/08/2022 à(s) 13:28:

Hello @armeireles https://github.com/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.

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1232872317, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKS4FFI776JZCV3G7QLV35FX3ANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Aug 31 '22 14:08 armeireles

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

kdinev avatar Aug 31 '22 14:08 kdinev

@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.

ChronosSF avatar Sep 16 '22 12:09 ChronosSF

Thanks for the update. I will pay attention to it.

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Stamen Stoychev @.***> escreveu no dia sexta, 16/09/2022 à(s) 13:40:

@armeireles https://github.com/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.

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1249313973, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKQCXR7Z2GHI5WYW3FDV6RTELANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Sep 16 '22 13:09 armeireles

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

armeireles avatar Sep 29 '22 16:09 armeireles

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.

ChronosSF avatar Sep 30 '22 08:09 ChronosSF

Thanks.

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Stamen Stoychev @.***> escreveu no dia sexta, 30/09/2022 à(s) 09:07:

Hello @armeireles https://github.com/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 https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/interfaces/IFilteringExpressionsTree.html 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.

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1263250785, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKWSUJCAGMEAWRL6EJTWA2NUHANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Sep 30 '22 08:09 armeireles

@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

ChronosSF avatar Oct 03 '22 14:10 ChronosSF

I appreciate.

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Stamen Stoychev @.***> escreveu no dia segunda, 3/10/2022 à(s) 15:48:

@armeireles https://github.com/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

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1265577528, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKVAEMT4KOXFCM3TGV3WBLW37ANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Oct 03 '22 16:10 armeireles

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.

ChronosSF avatar Oct 07 '22 07:10 ChronosSF

Hello

I appreciate your email. We will take a look!

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

Stamen Stoychev @.***> escreveu no dia sexta, 7/10/2022 à(s) 08:14:

Hello @armeireles https://github.com/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.

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1271199863, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKQIG4DFXQHMPOTC62TWB7EUFANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Oct 07 '22 08:10 armeireles

Thanks. Let's hope that runs better than expected and beggining of september you have it :)

Com os meus melhores cumprimentos,

Mobile: +351 917 663 458 | Website: www.ndbim.eu | LinkedIN: /company/ndbim/ Rua Luís Barroso 590, 4ºA, 4760-153 Vila Nova de Famalicão, Portugal Avenida Paulo VI 526, 01.262-010 Sumaré - São Paulo, Brasil Check out our new cloud platform | www.bimworkplace.com

igdmdimitrov @.***> escreveu no dia segunda, 18/07/2022 à(s) 15:00:

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

— Reply to this email directly, view it on GitHub https://github.com/IgniteUI/igniteui-angular/issues/11750#issuecomment-1187508665, or unsubscribe https://github.com/notifications/unsubscribe-auth/AETQCKQF2AVMSDMURVOADMLVUVPQTANCNFSM5ZLPC65Q . You are receiving this because you were mentioned.Message ID: @.***>

armeireles avatar Oct 11 '22 07:10 armeireles