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

Create a reusable breadcrumb with collapsible items #29358

Closed
Tracked by #29184
nicobytes opened this issue Jul 25, 2024 · 0 comments · Fixed by #29379
Closed
Tracked by #29184

Create a reusable breadcrumb with collapsible items #29358

nicobytes opened this issue Jul 25, 2024 · 0 comments · Fixed by #29379
Assignees
@nicobytes
Labels
dotCMS : Content Management Merged QA : Not Needed Team : Falcon Type : New Functionality

Comments

@nicobytes
Copy link
Contributor

nicobytes commented Jul 25, 2024 •
edited
Loading

Parent issue

#29184

Goal

Create a reusable breadcrumb component in the @dotcms/ui package that extends the official PrimeNG breadcrumb by adding collapsible items.

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
@nicobytes nicobytes mentioned this issue Jul 25, 2024
Closed
@nicobytes nicobytes self-assigned this Jul 25, 2024
@nicobytes nicobytes moved this from New to In Progress in dotCMS - Product Planning Jul 25, 2024
@nicobytes nicobytes linked a pull request Jul 29, 2024 that will close this issue
feat(ui): create a collapse breadcrumb #29379
Merged
3 tasks
@nicobytes nicobytes mentioned this issue Jul 29, 2024
Merged
3 tasks
@nicobytes nicobytes moved this from In Progress to In Review in dotCMS - Product Planning Jul 29, 2024
github-merge-queue bot pushed a commit that referenced this issue Jul 30, 2024
@nicobytes
feat(ui): create a collapse breadcrumb (#29379)
4a03b35 
### Parent Issue

#29358

### Proposed Changes

* Create new component named DotCollapseBreadcrumbComponent
* Create DotCollapseBreadcrumbComponent Storybook
* Create basic functionality to collapse items based on maxItems input
* Fix bug with dot-crumbtrail scope styles


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

### Goal

Create a reusable breadcrumb component in the @dotcms/ui package that
extends the official PrimeNG
[breadcrumb](https://www.primefaces.org/primeng-v15-lts/breadcrumb) by
adding collapsible items.

### 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">

### Result


![Screenshot 2024-07-29 at 3 29
45 PM](https://github.com/user-attachments/assets/f8d526c9-813f-4cbc-8f8e-02b4391f165b)

![Screenshot 2024-07-29 at 3 29
56 PM](https://github.com/user-attachments/assets/a3032765-da68-44da-b65e-b5c6acaa6c54)

![Screenshot 2024-07-29 at 3 30
08 PM](https://github.com/user-attachments/assets/169bb329-e951-4f25-9429-845de7e17d92)
@github-project-automation github-project-automation bot moved this from In Review to Internal QA in dotCMS - Product Planning Jul 30, 2024
@nicobytes nicobytes moved this from Internal QA to Done in dotCMS - Product Planning Jul 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@nicobytes nicobytes

Labels
dotCMS : Content Management Merged QA : Not Needed Team : Falcon Type : New Functionality
Projects
dotCMS - Product Planning
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(ui): create a collapse breadcrumb dotCMS/core
1 participant
@nicobytes