Page Comparison

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:

Azure devops macro
link https://rethinkfirst.visualstudio.com/RethinkFirst/_backlogs/backlog/Team%20EDU/Support?workitem=202755

UI Description

1. Implementation Card Tab Layout:

   1. The content Implementation Card Tab is selected, showcasing the meta data on the left side, and the Primary and Secondary implementation card sections.

2. Primary Focus Area

   1. This area will show all of the implementation Cards that have the specific Focus Area, as a Primary Focus Area.

      1. Users will be able to edit and/or preview each Implementation Card

3. Secondary Focus Area

   1. This area will show all of the implementation Cards that have the specific Focus Area, as a Primary Focus Area.

      1. Users will be able to edit and/or preview each Implementation Card

(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

1. Previewing Implementation Card:

   1. 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.

   2. When a user closed the Implementation Card Preview, they will be taken back to the Implementation Card Tab of the Focus Area Builder.

2. Editing Implementation Card:

   1. 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.

   2. When a user closes the Implementation Card Builder, they will be taken back to the Implementation Card Tab of the Focus Area Builder.

   3. 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.