Page Comparison

Figma Link

https://www.figma.com/file/hq6VjWO99WfQaSzXswgVIY/Authoring?type=design&node-id=1197%3A46764&mode=design&t=mtSehnTcP6Pl6QKx-1

Epic:

 Project 152033: Intervention Library

User Story

As a user, I need to upload resources so that the RethinkEd users have more context about the Focus Area.

UI Description

1. 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

2. Loading Progress Indicator

   • 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.

User Interaction and Validation Notes

• Validation for resource upload should include checks for prohibited file types that might interfere with the system's functionality.

Focus Area Metadata Workflow Description

1. 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.

2. Loading Indicator

   • Loading indicator with Cancel functionality will display after the user selects a resource to upload.

3. Focus Area Card Display

   • The Focus Area Resources will display in the right column of the end-user focus area card.