Add content about the assignment overview page in GitHub Classroom (#36865)

Co-authored-by: Sophie <29382425+sophietheking@users.noreply.github.com>

content/education/guides.md

@@ -28,6 +28,7 @@ Administer a classroom, assign and review work from your students, and teach the
 - [Create an individual assignment](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/create-an-individual-assignment)
 - [Create a group assignment](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/create-a-group-assignment)
 - [Create an assignment from a template repository](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/create-an-assignment-from-a-template-repository)
+- [Monitor students' progress with the assignment overview page](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/monitor-students-progress-with-the-assignment-overview-page)
 - [Leave feedback with pull requests](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/leave-feedback-with-pull-requests)
 - [Use autograding](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/use-autograding)
 

content/education/manage-coursework-with-github-classroom/teach-with-github-classroom/create-a-group-assignment.md

@@ -127,14 +127,8 @@ Optionally, you can automatically grade assignments and create a space for discu
 You can see the teams that are working on or have submitted an assignment in the **Teams** tab for the assignment. {% data reusables.classroom.assignments-to-prevent-submission %}
 
 ## Monitoring students' progress
-The assignment overview page displays information about your assignment acceptances and team progress. You may have different summary information based on the configurations of your assignments.
 
-- **Total teams**: The number of teams that have been created.
-- **Rostered students**: The number of students on the Classroom's roster.
-- **Students not on a team**: The number of students on the Classroom roster who have not yet joined a team.
--  **Accepted teams**: The number of teams who have accepted this assignment.
--  **Assignment submissions**: The number of teams that have submitted the assignment. Submission is triggered at the assignment deadline.
--  **Passing teams**: The number of teams that are currently passing the autograding tests for this assignment.
+{% data reusables.classroom.link-to-assignment-overview-article %}
 
 ## Next steps
 

content/education/manage-coursework-with-github-classroom/teach-with-github-classroom/create-an-individual-assignment.md

@@ -110,13 +110,8 @@ Optionally, you can automatically grade assignments and create a space for discu
 You can see whether a student has joined the classroom and accepted or submitted an assignment in the **Classroom roster** tab for the assignment. You can also link students' {% data variables.product.prodname_dotcom %} aliases to their associated roster identifier and vice versa in this tab. {% data reusables.classroom.assignments-to-prevent-submission %}
 
 ## Monitoring students' progress
-The assignment overview page provides an overview of your assignment acceptances and student progress. You may have different summary information based on the configurations of your assignments.
 
-- **Rostered students**: The number of students on the Classroom's roster.
-- **Added students**: The number of {% data variables.product.prodname_dotcom %} accounts that have accepted the assignment and are not associated with a roster identifier.
--  **Accepted students**: The number of accounts have accepted this assignment.
--  **Assignment submissions**: The number of students that have submitted the assignment. Submission is triggered at the assignment deadline.
--  **Passing students**: The number of students currently passing the autograding tests for this assignment.
+{% data reusables.classroom.link-to-assignment-overview-article %}
 
 ## Next steps
 

content/education/manage-coursework-with-github-classroom/teach-with-github-classroom/extending-an-assignments-deadline-for-an-individual-or-group.md

@@ -20,7 +20,7 @@ If you set a cutoff date for an assignment in {% data variables.product.prodname
 
 ## Extending an assignment's deadline
 
-1. Sign into {% data variables.product.prodname_classroom_with_url %}.
+{% data reusables.classroom.sign-into-github-classroom %}
 1. Navigate to your classroom.
 1. Open the assignment for which you would like to grant an extension.
 1. In your classroom's roster, find the student or group you would like to grant an extension. In that student or group's row, select {% octicon "kebab-horizontal" aria-label="the dropdown menu" %}, then click {% octicon "calendar" aria-hidden="true" %} **Extend deadline**.

content/education/manage-coursework-with-github-classroom/teach-with-github-classroom/index.md

@@ -14,6 +14,7 @@ children:
   - /create-a-group-assignment
   - /editing-an-assignment
   - /extending-an-assignments-deadline-for-an-individual-or-group
+  - /monitor-students-progress-with-the-assignment-overview-page
   - /reuse-an-assignment
   - /create-an-assignment-from-a-template-repository
   - /leave-feedback-with-pull-requests

content/education/manage-coursework-with-github-classroom/teach-with-github-classroom/monitor-students-progress-with-the-assignment-overview-page.md

@@ -0,0 +1,62 @@
+---
+title: Monitor students' progress with the assignment overview page
+shortTitle: Use assignment overview
+intro: You can use the assignment overview page to track the progress of each student or team on an assignment.
+versions:
+    fpt: '*'
+permissions: 'Organization owners who are admins for a classroom can create and manage group assignments for a classroom. {% data reusables.classroom.classroom-admins-link %}'
+topics:
+  - Education
+---
+
+## About the assignment overview page
+
+Each assignment you create on {% data variables.product.prodname_classroom %} has an assignment overview page. The assignment overview page provides an overview of your assignment acceptances and student progress. You may see different summary information on an assignment overview page based on the configurations of your assignments.
+
+For individual assignments, you can view the following information at the top of the assignment overview page:
+
+- **Rostered students**: The number of students on the classroom's roster.
+- **Added students**: The number of {% data variables.product.prodname_dotcom %} accounts that have accepted the assignment and are not associated with a roster identifier.
+-  **Accepted students**: The number of accounts that have accepted this assignment.
+-  **Assignment submissions**: The number of students that have submitted the assignment. Submission is triggered at the assignment deadline.
+-  **Passing students**: The number of students currently passing the autograding tests for this assignment.
+
+For group assignments, you can view the following information at the top of the assignment overview page:
+
+- **Total teams**: The number of teams that have been created.
+- **Rostered students**: The number of students on the classroom's roster.
+- **Students not on a team**: The number of students on the classroom roster who have not yet joined a team.
+-  **Accepted teams**: The number of teams who have accepted this assignment.
+-  **Assignment submissions**: The number of teams that have submitted the assignment. Submission is triggered at the assignment deadline.
+-  **Passing teams**: The number of teams that are currently passing the autograding tests for this assignment.
+
+## Viewing the assignment overview page for an assignment
+
+The assignment overview page displays information for a specific assignment. You can view general information at a glance, or apply searches, sorts, and filters to find students or teams that meet specific criteria.
+
+{% data reusables.classroom.sign-into-github-classroom %}
+1. Navigate to a classroom.
+1. To open the assignment overview page for an assignment, in the "Assignments" section, click the name of that assignment.
+
+## Searching and sorting the assignment overview page
+
+You can search and sort the assignment overview page to find specific students or teams.
+
+1. To find a specific student or team on the assignment overview page, in the search bar, type the student's {% data variables.product.prodname_dotcom %} handle, the student's identifier, or the team's name, then press <kbd>Enter</kbd> or <kbd>Return</kbd>.
+
+  If the search term you enter matches multiple students or teams, each student or team will be shown in the search results. For example, if you have two students with the {% data variables.product.prodname_dotcom %} handles "@octocat" and "@monacat", and you search for "cat", both "@octocat" and "@monacat" will appear in the search results.
+1. To sort the students or teams displayed on an assignment overview page, select **Sort by:** {% octicon "triangle-down" aria-hidden="true" %}, then click **Alphabetical A-Z**, **Alphabetical Z-A**, **Newest**, or **Oldest**.
+
+  The **Newest** sort orders the results from the most recently updated assignment to the least recently updated assignment, while the **Oldest** sort does the opposite.
+{% data reusables.classroom.clear-all-assignment-overview %}
+
+## Filtering the assignment overview page
+
+Using a series of dropdown menus, you can apply multiple filters to the assignment overview page to search for students or teams based on specific criteria. You can even apply multiple filters from a single dropdown menu to include all students or teams that match the criteria.
+
+1. To filter for students with unlinked accounts, select the **Unlinked accounts** {% octicon "triangle-down" aria-hidden="true" %} dropdown menu, then click **Student identifiers** or **{% data variables.product.prodname_dotcom %} accounts**.
+1. To filter by which students have or haven't accepted the assignment, select the **Accepted** {% octicon "triangle-down" aria-hidden="true" %} dropdown menu, then click **Accepted** or **Unaccepted**.
+1. To filter by the submission status for each student's assignment repository, select the **Submitted** {% octicon "triangle-down" aria-hidden="true" %} dropdown menu, then click **Submitted**, **On-time**, **Late**, or **Not submitted**.
+1. To filter for students by passing or failing grades, select the **Passing** {% octicon "triangle-down" aria-hidden="true" %} dropdown menu, then click **Passing** or **Failing**.
+1. To unapply a filter, select the associated dropdown menu, then click the filter once more. A {% octicon "check" aria-hidden="true" %} is displayed alongside the name of an applied filter, while unapplied filters only display their names.
+{% data reusables.classroom.clear-all-assignment-overview %}

data/reusables/classroom/clear-all-assignment-overview.md

@@ -0,0 +1 @@
+1. Optionally, to remove all filters, searches, and sorts, click {% octicon "x" aria-hidden="true" %} **Clear current search query, filters, and sorts**.

data/reusables/classroom/link-to-assignment-overview-article.md

@@ -0,0 +1 @@
+The assignment overview page provides an overview of your assignment acceptances and student progress. For more information on viewing and using the assignment overview page, see "[AUTOTITLE](/education/manage-coursework-with-github-classroom/teach-with-github-classroom/monitor-students-progress-with-the-assignment-overview-page)."