[User Story]: Enable Drag-and-Drop JSON File Upload for Importing Projects

[kallewesterling]

Role

As an assurance case editor

Desired Feature

I want to drag and drop a JSON file directly onto the Import File window

Benefit

So that I can conveniently upload assurance cases without navigating through file dialogs, enhancing the user experience and reducing the time it takes to import projects

Acceptance Criteria

GIVEN I have opened the 'Import File...' option in the TEA platform,
AND I have a valid JSON file ready to import,
WHEN I drag and drop the JSON file into the designated window,
THEN the file should upload successfully without redirecting me to an error page,
AND I should receive visual confirmation that the upload was successful.

Dependencies

No response

Technical Notes

• Implement drag-and-drop functionality using JavaScript and HTML5 APIs.
• Ensure that the drop area is clearly marked and accessible (potentially, the entire window?)
• Test the functionality across different browsers to ensure compatibility and responsiveness.

Definition of Done

• The feature fulfills all acceptance criteria.
• The code is reviewed and meets team coding standards.
• All unit, integration, and end-to-end tests are passed.
• The feature meets accessibility standards set for the project.
• The code passes the CI/CD pipeline quality controls (style and linting).
• The feature is merged into the main branch.
• The feature is deployed and functional in the QA environment.
• The feature was demonstrated to the team and accepted by the product owner.

[chrisdburr]

@RichGriff and @cptanalatriste, please can I get an estimate on this user story as well?

[cptanalatriste]

This one depends on finding a frontend component that supports drag-and-drop (and I suspect there is). Once found, the replacement should take at most two days, IMHO.