On this page, we will create classrooms.
Acceptance Criteria:
Given no classroom name has been entered, the classroom will not save
Given no building has been selected, the classroom will not save
Given no building has been selected, no students or team members can be selected
Given a user has access to a building, it will show in the building list
Given a user DOES NOT HAVE access to a building, it will NOT show in the building list
Given a building has been selected, students in that building will show
Given a building has NOT been selected, students in that building will NOT show
Given no students have been selected, the classroom will not saveGiven no students have been selected, no team members can be selected
Given no team members have been selected, the classroom will not save
Given a team member has permission to View Classrooms, they will show in the team member list
Given a team member DOES NOT HAVE permission to View Classrooms, they will NOT show in the team member list
Given a building has been selected, Team Members with access to that building will show
Given a building has NOT been selected, Team Members with access to that building will NOT show
Given the user is an admin, they will have to indicate whether they are creating the classroom for themselves or for others before they can create a classroom from the Create Your own classroom screen or the Create Classroom the other users see
Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=6993%3A2260
Photo and Class Name
Design
When users with permission (except admin) click on Add Classroom, they will see the Create a new classroom window
All users with permission will first select an icon for the classroom or upload their own
All users with permission will enter a name for the classroom
.png?version=1&modificationDate=1633120552128&cacheVersion=1&api=v2)
Business Rules
Admin, Teachers, and lead teachers have permission to create classrooms
We will default to the star
Classroom icons cannot be larger than 1 mb
The user must enter a classroom name in order to save the classroom.
Admin will only see this screen if they click on Setup for another team member from the dropdown when clicking on Add classroom
Assign Building
Design
We will show a list of buildings in a drop-down
The user will select which building the classrooms belongs to
Users may search by building name
Business Rules
Teachers and lead teachers will only see the buildings they currently have access to
Buildings should be listed in alphabetical order
Single Select
Assign Students
Design
If a building has not been selected, we will display a message stating "Select a building before selecting students"
Once a building has been selected, we will show a list of students with a slider button
A user will slide the button to the right to select the student. The slider will turn blue/green (#00B4AE) when a student is selected.
Users may search by student name
Users may also filter by grade
Students will show name, ID (if available), and grade in the display
We will show the number of students selected
Business Rules
Teachers and lead teachers must select a building before they can select students
Once a building is selected, we will display all students that are assigned to that building
The classroom must have at least 1 student assigned.
Students should be listed in alphabetical order by last name
Display the name as FIRST NAME LAST NAME
Sort the list by last name
If two or more students have the exact same first and last name, we will list the student in the youngest grade first.
If the student has an ID, the ID will show in parenthesis next to the student’s name
Assign Team Members
Design
If a building has not yet been selected, we will display a message stating "Select building before selecting team members"
Once a building has been selected, we will see a list of team members with a slider button
A user will slide the button to the right to select the team member. The slider will turn blue/green (00B4AE) when a team member is selected.
Users may search by team member name
We will show the number of team members selected.
Business Rules
A building must be selected in order to assign team members
Once a team member has been selected, they will be assigned to the classroom and will have access to all students in the classroom.
If Team Member B is NOT assigned to Student A in Account setup and both are assigned to Classroom A, Team Member B will have access to Student A. If Team Member B OR Student A are later unassigned from the classroom, Team Member B will no longer have access to Student A.
If Team Member B IS assigned to Student A in Account Setup and of them is later unassigned from the classroom, Team Member B will continue to have access to Student A.
Any team member with a role that has permission to View Classrooms will show in the list, including admins
The name of the user creating the classroom will appear first in the list
Team members will be listed in alphabetical order by last name.
Names will show FIRST NAME LAST NAME, but will be sorted by last name
At least 1 team member must be assigned to the classroom in order to save the classroom.
Cancel/Save
Design
A user may click cancel to close the create classroom screen without saving any changes. Clicking Cancel returns the user to the Classroom List Page.
A user may click save to save the changes and create the classroom. Clicking Save takes the user to the Classroom Dashboard Page.
Business Rules
In order to save a classroom, the user must select at least 1 building and at least 1 student. The classroom must also have a name. If these conditions are not met, we will display an error message that reads "Please complete the required fields."
Next to each step that was not complete, we will display a red message
Please enter a Classroom Name
Please select a Building
Please select at least 1 Student
Please select at least 1 Team Member
Admin
Design
When admin click on Add Classroom, they will see a dropdown and will need to select between Create your own classroom and Setup Create for another team member
.png?version=1&modificationDate=1633539910438&cacheVersion=1&api=v2)
If they choose Setup for another team member, they will see the same Create Classroom window as the other users with permission
If they choose Create your own classroom, they will see the Create your own classroom popup window
.png?version=1&modificationDate=1633124685793&cacheVersion=1&api=v2)
Admin will first select an icon for the classroom or upload their own
Admin will enter a name for the classroom'
Admin can filter by building and by grade
Admin can then search for a particular student by typing in the search bar
.png?version=1&modificationDate=1636132816467&cacheVersion=1&api=v2){kind=spacer}
Admin can toggle on to click add the student to their classroom and off click the X to remove from the list
Admin can search for another student by typing the name into the search bar and the search results will show in the dropdown
Business Rules
Admin have permission to create classrooms
Admin will see a dropdown when clicking on Add classroom and must select either Create your own classroom or Setup for another team member
We will default to the star
The user must enter a classroom name in order to save the classroom.
The search results will only show the first 30 closest matching names to the name typed in the search bar
Filter by building will show the buildings that the admin has access and the students will be filtered by the building selected
Admin Cancel/Save
Design
A user may click cancel to close the create classroom screen without saving any changes. Clicking Cancel returns the user to the Classroom List Page.
A user may click save to save the changes and create the classroom. Clicking Save takes the user to the Classroom Dashboard Page.
Business Rules
In order to save a classroom, the admin must select a classroom name and at least 1 student. The icon will default to star and can be changed but not completely removed. If these conditions are not met, we will display an error message that reads "Please complete the required fields."
Next to each step that was not complete, we will display a red message
Please enter a Classroom Name
Please select at least 1 Student