Figma Link
https://www.figma.com/file/hq6VjWO99WfQaSzXswgVIY/Authoring?type=design&node-id=1197%3A467644325%3A55416&mode=design&t=mtSehnTcP6Pl6QKxgVpC9Qw8XtPhWDm3-1
Epic:
Project 152033: Intervention Library
...
Resource Uploader:
Description: Allows the user to select a resource from their computer to upload to the Focus Area card.
Required: No
Type of Resources:
Videos (.mp4)
PowerPoints
PDF documents
JPEG and PNG files
The user will see a loading progress indicator bar that displays the progress of the upload.
There will be an “X” or Cancel option to the right of the progress indicator so that the user can cancel the upload.
Resource Title
Description: Allows the user to enter the title that will display in the container for the end-user view of the resource.
Required: Yes
Type of Input: Text area (multi-line text input)
Resource Description
Description: Allows the user to enter the title that will display in the container for the end-user view of the resource.
Required: YesNo
Type of Input: Text area (multi-line text input)
Resource Deletion:
Description: Allows users to delete a resources from a Focus Area.
User Interaction and Validation Notes
...
Accessing the Page:
When a user navigates to the Resources tab of the "Focus Area Builder" page, they can select Upload/Choose button to select a file from their computer.
Loading Indicator
Loading indicator with Cancel functionality will display after the user selects a resource to upload.
Resource Details
User will enter Resource Title and Description that will display in the container in the Resources on the Focus Area card that displays to the end-user.
Resource Deletion
User will be able to delete a resource from a Focus Area after it has been added.
Focus Area Card Display
The Focus Area Resources will display in the right column of the end-user focus area card.
...