Skip to content

[Tagging] Display a unit's tags in the tag drawer #118

Description

@bradenmacdonald

"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

  1. 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.
    Screenshot 2023-09-21 at 12 24 45 PM
    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.
    Screenshot 2023-09-21 at 2 44 49 PM
    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)

  2. The tag drawer appears on the right, and displays the tags that are applied to the unit, separated by Taxonomy.
    Screenshot 2023-09-30 at 4 36 40 PM

    Screenshot 2023-09-21 at 12 30 39 PM

  3. Tags are displayed using these criteria:
    Screenshot 2023-09-21 at 12 31 10 PM

  4. A scrollbar appears for long lists (see Figma)

  5. For each taxonomy there is a count of tags displayed (see mockups)

  6. For this story, we do not implement any editing (no adding nor deleting tags)

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

  8. 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.
  • Because of [Tagging] Enforce limit on number of tags per object #99 note that the list of tags on each unit is never paginated. This should simplify things a little bit.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status
    Done

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions