Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Implement Breadcrumb Navigation for Categories #29184

Closed
2 tasks done
Tracked by #28493
oidacra opened this issue Jul 10, 2024 · 2 comments · Fixed by #29394
Closed
2 tasks done
Tracked by #28493

Implement Breadcrumb Navigation for Categories #29184

oidacra opened this issue Jul 10, 2024 · 2 comments · Fixed by #29394
Assignees
@oidacra
Labels
Epic Merged QA : Approved QA : Passed Internal Release : 24.08.20 AI Fixed Team : Falcon Type : New Functionality

Comments

@oidacra
Copy link
Member

oidacra commented Jul 10, 2024 •
edited by nicobytes
Loading

Parent Issue

#28493

User Story

As a user, I need breadcrumb navigation for categories in the header of the listing, so that I can easily navigate back to parent categories. This breadcrumb should handle multiple levels by converting them to a menu when there are too many levels to display.

Acceptance Criteria

  • Display breadcrumb navigation in the header of the category listing.
  • Show the path of parent categories for the selected category.
  • Allow clicking on any breadcrumb to navigate back to the respective parent category.
  • Implement a menu to handle and display multiple levels when the breadcrumb path is too long.
  • Ensure the breadcrumb navigation is visually consistent with the design system.
  • Write unit tests to cover the new breadcrumb functionality.
  • Ensure the implementation does not introduce any new bugs or regressions.

Proposed Objective

User Experience Enhancement

Proposed Priority

Priority 2 - Important

dotCMS Version

master

External Links

Assumptions & Initiation Needs

Quality Assurance Notes & Workarounds

References

Screenshot 2024-07-10 at 12 16 04 PM Screenshot 2024-07-10 at 12 16 12 PM Screenshot 2024-07-10 at 12 16 19 PM

Tasks
Preview Give feedback
  1. Clean current Breadcrumb #29360
    Merged QA : Not Needed Team : Falcon Type : Refactoring dotCMS : Content Management
  2. Create a reusable breadcrumb with collapsible items #29358
    Merged QA : Not Needed Team : Falcon Type : New Functionality dotCMS : Content Management
    nicobytes
@oidacra oidacra mentioned this issue Jul 10, 2024
Closed
@oidacra oidacra moved this from New to Next 1-3 Sprints in dotCMS - Product Planning Jul 10, 2024
@john-thomas-dotcms john-thomas-dotcms moved this from Next 1-3 Sprints to Current Sprint Backlog in dotCMS - Product Planning Jul 24, 2024
@nicobytes nicobytes self-assigned this Jul 25, 2024
@nicobytes nicobytes moved this from Current Sprint Backlog to In Progress in dotCMS - Product Planning Jul 25, 2024
@nicobytes nicobytes added the Epic label Jul 25, 2024
This was referenced Jul 25, 2024
Closed
Closed
@nicobytes nicobytes moved this from In Progress to Current Sprint Backlog in dotCMS - Product Planning Jul 30, 2024
@nicobytes nicobytes moved this from Current Sprint Backlog to In Progress in dotCMS - Product Planning Jul 30, 2024
@nicobytes nicobytes linked a pull request Jul 30, 2024 that will close this issue
feat(editor-content): implement breadcrumb navigation for categories #29394
Merged
3 tasks
@nicobytes nicobytes mentioned this issue Jul 30, 2024
Merged
3 tasks
@nicobytes nicobytes moved this from In Progress to In Review in dotCMS - Product Planning Jul 31, 2024
github-merge-queue bot pushed a commit that referenced this issue Aug 2, 2024
@nicobytes
feat(editor-content): implement breadcrumb navigation for categories (#…
30d2813 
…29394)

### Parent Issue
#29184

### Proposed Changes
* Implement dot-collapse-breadcrumb in SideMenu for CategoryField
* Create getMenuItemsFromKeyParentPath util to get Breadcrumb navigation
* Use output()
* Use viewChild Signal
* Use model Signal


### Checklist
- [x] Tests
- [x] Translations
- [x] Security Implications Contemplated (add notes if applicable)

### References

<img width="675" alt="Screenshot 2024-07-10 at 12 16 04 PM"
src="https://github.com/dotCMS/core/assets/1909643/4e7c60f6-91ef-47ec-b8c4-68c96b8e3d01">
<img width="1022" alt="Screenshot 2024-07-10 at 12 16 12 PM"
src="https://github.com/dotCMS/core/assets/1909643/dfbd7d37-d2f2-4b26-9ead-27228d6e0795">
<img width="982" alt="Screenshot 2024-07-10 at 12 16 19 PM"
src="https://github.com/dotCMS/core/assets/1909643/838c292d-b993-41c1-a7bf-7434abe2707d">


### Screenshots


https://github.com/user-attachments/assets/602b18de-f2c3-4db7-837c-4485b56f0bc9
@github-project-automation github-project-automation bot moved this from In Review to Internal QA in dotCMS - Product Planning Aug 2, 2024
@oidacra
Copy link
Member Author

oidacra commented Aug 2, 2024

IQA PAssed:
Works as expected

Screen.Recording.2024-08-02.at.4.22.30.PM.mov

@dsilvam dsilvam moved this from Internal QA to Done in dotCMS - Product Planning Aug 5, 2024
@dsilvam dsilvam assigned oidacra and unassigned nicobytes Aug 5, 2024
@dsilvam dsilvam moved this from Done to QA - Backlog in dotCMS - Product Planning Aug 7, 2024
@josemejias11
Copy link
Contributor

Approved: Tested on trunk_003b2bb, Docker, macOS 14.5, FF v126.0.1

@josemejias11 josemejias11 moved this from QA - In Progress to Done in dotCMS - Product Planning Aug 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@oidacra oidacra

Labels
Epic Merged QA : Approved QA : Passed Internal Release : 24.08.20 AI Fixed Team : Falcon Type : New Functionality
Projects
dotCMS - Product Planning
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(editor-content): implement breadcrumb navigation for categories dotCMS/core
3 participants
@oidacra @nicobytes @josemejias11