...
Page Heading: "Create Check-In, Check-Out Tool"
Student Name Display: The student's first and last name is shown below the heading to ensure the user knows which student they are configuring the tool for.
Step Indicator:
Current Step displays as dark grey in the indicator. The indicator displays the other step as light grey.
Behaviors pill container
Data Settings pill container (current step)
Step Tracker: The step tracker displays the user’s progress across three steps: Collection, Goals & Mastery, Done. This guides the user through the data settings process.
‘Collection’, ‘Goals & Mastery’, and ‘Done’ display in RethinkEd primary blue with a checkmark in the step circle
Success Message: ‘Success! You are ready to start tracking Check-In, Check-Out.'
Description body text:
Line 1: If you have data to enter now, you can ‘Record Data’.
‘Record Data’ is a link that navigates the user to the Data Express CICO page to record data for the CICO tool.
Line 2: If you need a physical sheet for your student, you can Print a Data Sheet.
‘Print a Data Sheet’ is a link that opens a modal for the user to print a data sheet – a blank template or pre-filled template from the created CICO tool.
Navigation Buttons:
Back Button: Navigates back to the Goals & Mastery page.
Close Button: Navigates the user to the Student Dashboard > Behavior Support > Check In Check Out screen.
Action Buttons:
Print Data Sheets: Opens a modal to print either blank or pre-filled data sheets.
Record Data: Takes the user to the Data Express CICO page to enter student data.
View Data: Navigates user to Data Express > View Data and displays the recorded data for the student.
Change Status: Allows the user to change the status of the CICO tool
Archive
Delete
Make Active (Only if tool is in Mastered or Archived Status)
Discussion Panel:
The discussion panel to the right side of the screen, allows users to type messages and communicate with added team members.
The discussion panel should include a text area input field that expands as the user types and a 'Send' button for messaging.
Team members added to the discussion will receive a ‘Discussion’ inbox notification.
User will be able to add team members or admin to the discussion and send discussion messages. (Utilize Existing Discussion Panel functionality)
...