[UU-58] Implement tagging & taxonomy feature in outline

[ChrisChV]

Description

Adds the Manage tags menu item and TagCount button to Units.

Screenshots

Supporting information

• Requirements
• Internal ticket: BB-8633

Testing instructions

• Enable contentstore.new_studio_mfe.use_new_course_outline_page waffle flag
• Run Taxonomy Sample Data script to create units with tags.
• Go to a course to display the course outline.
• Expand sections and subsections to show units.
• Verify the tag count component.
• Click on the tago count component. Verify that it opens the tag drawer.
• Add or delete tags and verify that the tag count is updated in real time.
• Close the drawer.
• Click on the menu dots an on Manage tags. Verify that it opens the tag drawer.

[openedx-webhooks]

Thanks for the pull request, @ChrisChV! Please note that it may take us up to several weeks or months to complete a review and merge your PR.

Feel free to add as much of the following information to the ticket as you can:

• supporting documentation
• Open edX discussion forum threads
• timeline information ("this must be merged by XX date", and why that is)
• partner information ("this is a course on edx.org")
• any other information that can help Product understand the context for the PR

All technical communication about the code itself will be done via the GitHub pull request interface. As a reminder, our process documentation is here.

Please let us know once your PR is ready for our review and all tests are green.

[KristinAoki]

@navinkarkera Is this also some of the work that you were planning on doing for the outline workstream?

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.97%. Comparing base (f035391) to head (a6019e5).

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #855      +/-   ##
==========================================
+ Coverage   90.91%   90.97%   +0.05%     
==========================================
  Files         533      535       +2     
  Lines        9256     9294      +38     
  Branches     1946     1958      +12     
==========================================
+ Hits         8415     8455      +40     
+ Misses        809      807       -2     
  Partials       32       32              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[navinkarkera]

@KristinAoki Yes. @ChrisChV has offered to help with it.

[ChrisChV]

I have created this component as generic and with extra functionalities (e.g. changing opacity), because it will be used in other interfaces. E.g #852

[KristinAoki]

Do we need the dropdown item and the tag count to both have onClick attributes? Should the tag count be read only?

[ChrisChV]

Yes, the tag count will be read only in other pages. E.g #852

[KristinAoki]

Ok, so you will update the tag count in the header to be read only and the dropdown item will have to onclick attribute.

[ChrisChV]

In the course outline it is necessary that the Manage tags menu (dropdown item) and the tag count component can open the Manage tags drawer, for that reason they both have the onclick attribute (Ref)

[navinkarkera]

@ChrisChV Nice work! 👍

• I tested this: (add/delete tags via new menu option)
• I read through the code
• I checked for accessibility issues
• Includes documentation

[navinkarkera]

Suggested change

	{ tagsCount !== undefined && tagsCount !== 0 && <TagCount count={tagsCount} onClick={onClickManageTags} /> }
	{ tagsCount > 0 && <TagCount count={tagsCount} onClick={onClickManageTags} /> }

[openedx-webhooks]

I've created issue TNL-11474 in the private 2U Jira.

[openedx-webhooks]

@ChrisChV 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.