openedx / modular-learning

3 stars 1 forks source link

[Tagging] Show tag count for each tagged component on the Unit Page #158

Closed bradenmacdonald closed 8 months ago

bradenmacdonald commented 10 months ago

On the unit page, when a component (XBlock) has at least 1 tag, the tag count button should appear, just like for units on the course outline page. Clicking it should open the tag drawer.

Screenshot 2023-12-01 at 10 18 00 AM

Should have the same button as seen on units on the outline:

Screenshot 2023-12-01 at 10 19 19 AM

Acceptance criteria

  1. Components with no tags do not display the button
  2. Components with 1+ tag(s) do display the button
  3. The tag count for all the components on the page is loaded at once. (use , to separate component IDs with this API)
  4. Update the wiki page at https://openedx.atlassian.net/wiki/spaces/COMM/pages/3866689562/New+Additions+to+the+Course+Unit+Page to mention this new feature.
bradenmacdonald commented 10 months ago

FYI @jmakowski1123 @ali-hugo

jmakowski1123 commented 10 months ago

@bradenmacdonald , is the prior art at the unit level enough to implement this, or do you need a mock?

bradenmacdonald commented 10 months ago

@jmakowski1123 @ali-hugo Here's what it would look like if we basically copy the code from the outline onto the unit page. If this looks good, we'll go with it; if you want something that looks different, a mock would be helpful.

Screenshot 2023-12-01 at 11 56 00 AM

Screenshot 2023-12-01 at 11 56 14 AM

Note for devs: for this mock, I copied the <li> code and had to change the <a> to a button.btn-default.action-button to get it to look OK.

ali-hugo commented 10 months ago

@bradenmacdonald What you have in the screenshot above is perfect. I've updated the design files to match.