Better import for Plan Builder

[vogti]

Add a larger text field and add support for uploading a file containing the JSON.

This should be handled completely within the UI.

[Chamodii]

Hi! I'd like to work on this issue.

[vogti]

Hi @Chamodii, welcome to Polypheny! Thank you for taking care of this. I have assigned the issue to you. Please follow this on how to set up Polypheny-DB in your favorite IDE and this guide on how to manually build Polypheny-UI. Feel free to ask here or open a thread in the discussion forum if you have any questions or experience any issues with setup.

[vogti]

Hi @Chamodii, is everything working fine? If you have any issues or need help getting started, please do not hesitate to either ask here or open a thread in the discussion forum.

[S-Harshit]

If @Chamodii is not working on the issue, Can I work on it?

[vogti]

Yes, of course. Thank you for taking care of it.

[S-Harshit]

Hi @vogti, I am little stuck and need some help currently prompt() method is used to display the input field and it doesn't allow changing the field size or adding additional button for file input so a custom prompt would need to be created, I am not sure whether I am right or not also if it has to be created I haven't found the right approach so if you can guide me a little that would be helpful.

[datomo]

Hey @S-Harshit
You are absolutly right, prompt is used to display the modal from the user and get their input.
And you are also correct by observing that you would need to change it to a diffrent popup/modal function to be able to change it according to your needs, as the used prompt is rather basic.
Luckly, Angular has a lot of ways to do that.
For one you could use some form of the modal, which comes with our used template framework:
https://coreui.io/docs/2.1/components/modal/

This modal is used throught the UI of Polypheny, for example, for the deployment of the adapters:
https://github.com/polypheny/Polypheny-UI/tree/master/src/app/views/adapters

To make it work, you would need to add the modal in the html code and place it according to your needs and add the desired fields, and hide it.
Then you probably would need to seperate the import function to just show the modal. When the values then are inserted in the model you could bind them to variables and by submitting you could call the remainder logic of the import function, where you grab the changed variables.

I hope, I could give you some good pointers, if you have any questions, feel free to ask again.

[EslamAsHhraf]

@vogti Hi, can you assign me this issue, I believe i can solve it

[EslamAsHhraf]

@vogti @datomo Hi everyone,
I'm coming from GSOC 2024 . Could you review my PR ?