Feature Request: Track input layers in Vuex

[aornugent]

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

Users should be able to review the metadata and associated config templates for all uploaded data.

Describe the solution you'd like.

In order to keep track of the current application state, we can load the names of uploaded files into a layers array in the Vuex store using Dropzones getAcceptedFiles method.

Because we upload multiple layers (like in the GCBM Demo Run), we can store them as an array using this pattern: https://stackoverflow.com/questions/56748999/how-to-add-new-values-to-an-array-object-using-vuex/56749448#56749448

We want to synchronise the Vuex store and FLINTcloud state after every successful upload, for example here:

FLINT-UI/flint.ui/src/components/FileUpload/FileUpload.vue

Line 143 in e4c8859

axios

Describe alternatives you've considered

None, suggestions welcome.

Additional context.

Post-processing of uploaded files will likely be handled in FLINTcloud using Python. This might including updating JSON templates to configure the simulation to accept the input files. The config templates themselves probably don't need to be stored in the UI, but a user will likely want to retrieve the config. for a given upload to edit or review.

[github-actions]

This issue has not seen any activity for the past 30 days. If this Issue would not see any further updates in the next 7 days, it would be automatically closed. Please comment on the issue if you would like to discuss on this further.

[github-actions]

Thanks for raising an issue! We at moja global appreciate your concerns and views to help us improve. We capitalize on fostering a welcoming environment for all our contributors. This issue was closed because it has been stalled for 7 days with no activity. If you would like to discuss it further, please create another issue or reach out to a maintainer on the prospects of getting it resolved.