Overview
Create a container to house the name of the goal selected and the functionality to support basic actions a User may want to take to manage the goal. Basic functionality includes:
Escalate goal
Print goal
Edit name of goal
Document external plan
User Story
As an Admin or Teacher, I need to see the goal I selected at the top of the page with a reference from the library where I selected the goal, and functionality to manage the goal so that I can quickly take common actions.
Figma: Top Goal Name Container
Project: 205670
UI Description:
Goal Name Box:
Top of page container holding goal information, optional external dropdown selector and action icons
Contents:
Goal Name
Name of the goal selected
If edited by User on the Customize Goal step, then shows the edited goal
Goal Name Hover (Include this here or save for future?)
The Goal name contains a hover to edit the name of the goal.
Goal Type
TBD description
External Plan
optional drop down to select: IEP or 504
Escalator Icon
houses Goal Escalation Path Options
Print Icon
Print option
Three Dots
TBD description