28493

User Story

As a user, I need to see a maximum of two lines of selected categories in the input field, with a text button to show more if there are additional categories. When clicked, the button should display the hidden categories and change to "Show Less" to allow collapsing the view back to two lines.

Acceptance Criteria

Display a maximum of two lines of selected categories in the input field.
If there are more than two lines of categories, add a text button indicating the number of hidden categories (e.g., "9 more").
When the button is clicked, show all hidden categories and change the button text to "Show Less".
When the "Show Less" button is clicked, collapse the view back to two lines of categories.
Ensure the implementation is visually consistent with the design system.
Use PrimeNG components for displaying categories and managing the show more/less functionality.
Write unit tests to cover the new 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

Collapsed

Expanded

Assumptions & Initiation Needs

Quality Assurance Notes & Workarounds

oidacra commented 1 month ago

IQA Passed

bryanboza commented 1 month ago

We need some work here, tested on trunk [ trunk_20af29a ] // Docker // FF

We are getting an error in console here and we are unable to see the changes

oidacra commented 1 month ago

Sorry for not specifying, this is only for the new Edit Contentlet @dsilvam @bryanboza

josemejias11 commented 1 month ago

Failed: Tested on trunk_430f4c7, Docker, macOS 14.5, FF v126.0.1

After selecting all of the parent cats and removing them from the list line, the cats remains selected on the column categories selector.
Removing the cats one by one should move the text to the far left side of the line and not leave padding.

https://github.com/user-attachments/assets/d6011724-e1af-4a53-8117-2c0781034748

Line should be removed after deleting all the cats

dsilvam commented 1 month ago

@josemejias11 the remove is out of the scope of this card and actually part of another card. This is about the "Show More / Show Less" based on the number of lines.