Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

  2. Page Heading: Assignments

  3. Tab Navigation:

    • Content, Students, Needs Review, Teachers (admin only)

      • Needs Review tab selected

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

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

  6. 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.’

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

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

...

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

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

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

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

  5. Table Interactions: The 'Actions' column must have 'View' and 'Review' as clickable links that open the Review modal.

...