You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
"As a content author, I can see what tags have been applied to a unit in my course (from the course outline page)"
Acceptance Criteria
From the course outline page:
a. There is a new "Manage Tags" menu item available on each unit (only units, not subsections etc.). Clicking it will open the new tag drawer.
b. For units which have tags, the number of tags that they have appears next to this tag icon. Clicking the number/icon will also open the tag drawer.
c. Both the "Manage Tags" and the tags count should only appear to users who have a feature flag enabled (same feature flag as [Tagging] Create Taxonomies List Page (in Course Authoring MFE) #104)
The tag drawer appears on the right, and displays the tags that are applied to the unit, separated by Taxonomy.
Tags are displayed using these criteria:
A scrollbar appears for long lists (see Figma)
For each taxonomy there is a count of tags displayed (see mockups)
For this story, we do not implement any editing (no adding nor deleting tags)
Everything must be fully keyboard accessible. Checking what tags are applied using a screen reader should be easy and make sense. Pressing ESC should close the drawer.
The tag drawer must be implemented in React.
Developer Notes
The drawer should probably be built in frontend-app-course-authoring and use an iframe to display it in the "old" course authoring experience. If you want to take any other approach please clear it with @bradenmacdonald first.
Screenshots above are for convenience - Figma is the most up-to-date source for mockups. The scale of UI elements seen in the screenshots above may be incorrect.
"As a content author, I can see what tags have been applied to a unit in my course (from the course outline page)"
Acceptance Criteria
From the course outline page:


a. There is a new "Manage Tags" menu item available on each unit (only units, not subsections etc.). Clicking it will open the new tag drawer.
b. For units which have tags, the number of tags that they have appears next to this tag icon. Clicking the number/icon will also open the tag drawer.
c. Both the "Manage Tags" and the tags count should only appear to users who have a feature flag enabled (same feature flag as [Tagging] Create Taxonomies List Page (in Course Authoring MFE) #104)
The tag drawer appears on the right, and displays the tags that are applied to the unit, separated by Taxonomy.

Tags are displayed using these criteria:

A scrollbar appears for long lists (see Figma)
For each taxonomy there is a count of tags displayed (see mockups)
For this story, we do not implement any editing (no adding nor deleting tags)
Everything must be fully keyboard accessible. Checking what tags are applied using a screen reader should be easy and make sense. Pressing ESC should close the drawer.
The tag drawer must be implemented in React.
Developer Notes