User Feature Request: Implement Data Upload Feature for Test Users

[CFIALeronB]

Description: To enhance our platform's functionality, we are introducing a new feature that allows our trusted test users to upload their data directly to their blob storage and the Database. This feature aims to streamline the data ingestion process and enable users to contribute their data more efficiently.

The frontend team will be responsible for creating a new UI component. This component will include a button that triggers a pop-up window prompting the user to enter and upload the following information:

• Seed Info: Users will select from a validated list of seeds. The list should correspond to the seeds in the images the user will upload.
• Number of Seeds: Users will input the number of seeds as an integer value.
• Zoom Level: Users will input the zoom level used during image capture as a float value.
• Folder Upload: The UI should include an element that allows users to drag and drop or manually upload images to a specified container or folder within the popup. This feature should support batch uploading of microscope images that contain the same type of seeds.

The backend/frontend teams will need to collaborate closely to establish a secure and efficient connection between the user's input and our storage/database infrastructure.

User Story: As a test user, I want to upload my seed image data directly to my allocated storage, so that I can efficiently contribute to the dataset without needing intermediate steps or manual intervention by the platform's administrators.

Acceptance Criteria:

• A button exists on the frontend that activates the new upload feature.
• A pop-up window is implemented to collect required information from the user.
• The pop-up window includes a validated dropdown for seed selection, input fields for the number of seeds and zoom level, and an upload area for image files.
• Uploaded data is correctly and securely transmitted to the corresponding blob storage and Database.
• Adequate error handling and validation are implemented to ensure data integrity.

Tasks:

• [ ] Design UI components for the data upload pop-up.
• [ ] Implement frontend logic for handling user input and file uploads.
• [ ] Test the end-to-end workflow for data upload.
• [ ] Document the feature and usage instructions.

Notes:

• The design and interaction flow should prioritize ease of use and clarity.
• Ensure all data transmissions are secure and comply with data protection regulations.
• It is crucial to handle large files and potential network interruptions gracefully.

[Francois-Werbrouck]

@ChromaticPanic This is the issue I was talking about yesterday