Page Comparison

...

1. Top Navigation tabs

   • The top navigation bar is how the student navigates through the student center for different materials.

   • All grades will have My Assignments, Explore, and Goal Zone tabs.

2. My Assignment tabs

   • The toggle selection will allow the user to view the different assignments in an organized manner.

   • Toggle Selections: To-Do (default), Missing, Done

     • To-Do Assignments:

       • Assignments without due dates

       • Assignments with due dates less than or equal to the current datewithin the start and due date assigned to the student.

         • Assignment should only populate the To-Do tab once the start date has occurred.

         • Assignments should move to the missing tab if it is not complete and the due date has passed.

     • Missing Assignments:

       • Assignments that have a due date that are passed the current date and are not completed.

     • Done

       • Assignments that have been completed by the student.

3. Progress Chips

   • The progress tag chips display on the assignment cards and show the state of the assignment.

     • An assignment that has not yet been started will not have a progress tag

     • An assignment that is in-progress will have a blue “In Progress” tag

     • An assignment that is complete will have a green “Complete” tag

4. Assignment Cards

   • Each assignment is represented as a card with a thumbnail, title, due date, and progress tags.

   • Thumbnail: Thumbnail images must occupy 100% of the container width and align to the top of the container.

   • Title: Assignment Title

     • The title will be truncated on the card if it is more than 87 characters.

   • Due Date: Due Mon DD, YYYY

     • The due date will display in red if the due date has passed to communicate urgency.

5. Priority Assignment Label

   • Assigned item(s) marked as ‘Priority in the ‘Assign Modal’ will display ‘Priority Assignment’ on the content card above the title in the 'My Assignments’ tab of the Student Center.

6. New Discussion Message on Submitted Assignment

   • Discussion messages will display as a ‘Discussion’ message in the Student Center Inbox

     • User selects ‘View’ to open the assignment and the discussion panel.

   • Done tab unselected: Display red circle badge when there is a new/unread message in a discussion on a ‘Completed’ assignment.

   • Done tab selected: Display white circle badge when there is a new/unread message in a discussion on a ‘Completed’ assignment.

   • Assignment Card with New Message: Display Red circle badge and ‘New Message’ in red in the top right corner of the assignment card.

...