...
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.
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 date.
Missing Assignments:
Assignments that have a due date that are passed the current date.
Done
Assignments that have been completed by the student.
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
Assignment Cards
Each assignment is represented as a card with a thumbnail, subject, title, due date, and progress tags.
Thumbnail: Thumbnail images must occupy 100% of the container width and align to the top of the container. Subject: Social and Emotional Learning, Mental Health
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.
...