Page Comparison

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

...

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

3. 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)

4. 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: No

   • Type of Input: Text area (multi-line text input)

5. Resource Deletion:

   1. Description: Allows users to delete a resources from a Focus Area.

User Interaction and Validation Notes

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

• Resource Title and Resource Description: The Resource Title and Resource Description will wrap two lines in the container in the Focus Area card before being truncated. The container should responsively expand as the lines wrap in the container.

Focus Area

...

Resources 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

   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.

3. Resource Deletion

   1. User will be able to delete a resource from a Focus Area after it has been added.

4. Focus Area Card Display

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

...