Issue #119 (UX 1) Added Progressbar during file Upload

[d4nnyp73]

I have added a funktioning Progressbar to indicate file upload Status. I have used axios for this.

I am new to contributing so feedback is much apprechiated.

Issue: improve user-experience 1 #119

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
aixplora	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 7, 2023 11:11am

[grumpyp]

Where is the Progress component? Did you forget to push it?

I imported it myself and tested it, the loading bar unfortunately doesn't represent any loading. Could you dig deeper into it and represent a loading according to the actual loading? Or a Notification which has a loading spinner or something? But this doesn't really improve the UI as of now.

Thanks a lot, I am up for any questions :)

[d4nnyp73]

Thanks for the feedback :)

Yeah sure! Could you tell me which processes should be involved in the loading Process? Is it only the File Uploading or anything else to wait for? I think I already have an Idea what I did wrong. I try to make it work in the next few days!

[grumpyp]

Thanks for the feedback :)

Yeah sure! Could you tell me which processes should be involved in the loading Process? Is it only the File Uploading or anything else to wait for? I think I already have an Idea what I did wrong. I try to make it work in the next few days!

Hi there :)

We have a loading in the Chat page too, but it's already implemented there. The same with the Summary page.

The config page is a matter of ms, so we won't need it there. The only issue as of now is the Files page.

So one possible approach would be to kind of index a db model and update it over the upload - not sure if that would be a perfect solution tho. In the frontend you could then query the status each second for example.

An easy solution would be to implement a loading spinner which is running during the request, as soon as it get's a response it should show the notification and hide the spinner additionally you could disable the upload button?

What do you think?

[d4nnyp73]

Hey, thanks for the info. I think your solutions sounds good enough. I havent done something like this in the backend before but I will try to get it done like you said. The spinner is a good idea, maybe I can make it spin inside the upload button to indicate that it is not working during upload?

[grumpyp]

Yes, lets do it like this.

Hey, thanks for the info. I think your solutions sounds good enough. I havent done something like this in the backend before but I will try to get it done like you said. The spinner is a good idea, maybe I can make it spin inside the upload button to indicate that it is not working during upload?

[grumpyp]

Hi, any news? @d4nnyp73