...
Region, Building, Classroom Selections:
Region dropdown menu (Admins Only)
Displays to admin users only
Building dropdown menu (Admins Only)
Admin users have dropdown menu to select building
Educator views the building they are assigned to in the field.
Classroom dropdown menu
Default: All classrooms
List of All Classrooms (search bar included at the top of dropdown menu)
Page Heading: Assignments
Tab Navigation:
Content, Students, Needs Review, Teachers (admin only)
Needs Review tab selected
Date Range Selection:
A dropdown menu selection with calendar picker and dates displays in input field as Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)
Dropdown menu values next to calendar picker:
School Year (default)
Last 7 days
Last 14 days
Last 30 days
Last 90 days
Last 180 days
User can select a custom date range using the calendar picker.
Search Bar Functionality:
The search bar supports text queries to find student names, classroom names, lessons/modules based on titles, descriptions, keywords, and Standard Codes, with autocomplete suggestions.
Search results are optimized to appear within 2 seconds under normal load conditions.
Filter Area: Just below the main heading, provide dropdown filters for ‘Notification'Classroom' and 'Notification', ‘Language’, 'Subject’.
Notification Dropdown Values: Submitted, Commented
Language dropdown values: English, Spanish
Subject dropdown values: SEL (SEL for SEL-SEL component, Wellness for Wellness/Life Skills and Wellness Component), Mental Health
Empty State for filter with no results: ‘No records available.’
Table Design: The assignments table shall present columns for:
Date: Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)
Student: First Name Last Name
Notification: Submitted, Commented
Assignment: Video, Quiz, Activity
Language: English, Spanish
Subject: SEL, Mental Health
Actions: Review, View
Text alignment and column width should be consistent, ensuring legibility.
Action Table Column: Interactive elements like buttons and links should use contrasting colors to stand out from informational text.
Review (Assignment that needs to be reviewed and marked as reviewed)
View (Assignment that has been reviewed and marked as reviewed)
...
Region, Building, and Classroom Dropdown Menus: The Region, Building, and Classroom dropdown menus will display to Admin Users in the Manage Assignments > Assignments screens. The Classroom dropdown menu will display to Educator Users in the Manage Assignments > Assignments screens. The classroom dropdown menu will default to ‘All Classrooms’ for both admin and educators users.
Search Function: The search box shall allow for free text entry with instant validation to check for non-allowed characters. If the search criteria return no results, display a message indicating there no matching assignments.
Dropdown Filters: The ‘Notification'Classroom' and 'Notification' , ‘Language’, 'Subject’ filters will display all available options and support multi-selection. These filters should validate selections against the existing dataset. If the filter criteria return no results, display a message indicating there no matching assignments.
Empty State Message: ‘No records available.'
Notification Column:
Submitted: Display ‘Submitted’ when student submits an assignment.
Commented: Display ‘Commented’ when student comments on a submitted assignment.
Date Picker: The date range selection shall offer a calendar pop-up, allowing users to select both start and end dates. The system should validate that the start date is not later than the end date.
Table Interactions: The 'Actions' column must have 'View' and 'Review' as clickable links that open the Review modal.
...