Overview
This tab will allow the user to view the implementation cards associated with the Focus Areas.
Figma: https://www.figma.com/design/hq6VjWO99WfQaSzXswgVIY/Authoring?node-id=4609-13078&t=O171mDsTqNuy0p8P-0
Feature:
UI Description
Implementation Card Tab Layout:
The content Implementation Card Tab is selected, showcasing the meta data on the left side, and the Primary and Secondary sections will show what Implementation Cards have the Focus area as a Primary or Secondary Focus Area.
Primary Focus Area
This area will show all of the Implementation Cards that have the specific Focus Area, as a Primary Focus Area.
Users will be able to edit and/or preview each Implementation Card
If there are no Implementation Cards that have the Focus Area as a Primary, the following text will be displayed “No implementation cards linked.”.
Secondary Focus Area
This area will show all of the Implementation Cards that have the specific Focus Area, as a Secondary Focus Area.
Users will be able to edit and/or preview each Implementation Card
If there are no Implementation Cards that have the Focus Area as a Secondary, the following text will be displayed “No implementation cards linked.”.
(Note: This tab is only for seeing all of the associated Implementation Cards to the Focus Area, as well as Previewing/Editing the Implementation Cards. The user will not be able to add a link to an implementation card from this tab. The user will have to create the link within the implementation card builder to the Focus Area)
User Interaction and Validation Notes
Previewing Implementation Card:
When a user clicks the ‘Preview’ button on the Implementation card, they will be given a view of the implementation card as an end user would see. Exactly how you would preview an Implementation Card within the Implementation Card Builder.
When a user closed the Implementation Card Preview, they will be taken back to the Implementation Card Tab of the Focus Area Builder.
Editing Implementation Card:
When a user clicks the ‘Edit’ button on the Implementation Card, they will be taken to the Implementation Card Builder, where they will be able to edit the Implementation Card they have selected. The user should be able to edit and save any information within the Implementation Card they are editing.
When a user closes the Implementation Card Builder, they will be taken back to the Implementation Card Tab of the Focus Area Builder.
If a user is editing an Implementation Card, and changes/removes the Primary or Secondary Focus Area, that should now be reflected in the Implementation Tab of the Focus Area Builder.