Edit Content: Add Category Field

[dsilvam]

Parent Issue

#25445

User Story

As a Content Architect in dotCMS, I want to be able to add a Category field to the Edit Content Form, so I can easily create and edit content.

Acceptance Criteria

TBD

Proposed Objective

Core Features

Proposed Priority

Priority 3 - Average

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

Prototype: Play

Design: LINK

Input

Dialog

Selected

Assumptions & Initiation Needs

Endpoint

Url example: /api/v1/categories?filter=&page=0&per_page=5&ordeby=category_name&direction=ASC&showChildrenCount=true

Quality Assurance Notes & Workarounds

The category field should be tested to ensure that it is working as expected.

Final Implementation

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

Sub-Tasks & Estimates

No response

Tasks

Preview Give feedback

1. Add the Category Field Input with the Icon to Open the Dialog to Edit Contentlet #28658
   4 of 4
   QA : Not Needed Release : 24.06.06 Team : Falcon Triage Type : New Functionality +5
2. Convert Dialog to Sidebar in the New Edit Contentlet Interface #28764
   Merged QA : Not Needed Team : Falcon Triage Type : New Functionality +5
3. Display Categories and Navigate Through Subcategories #28831
   Merged QA : Not Needed Team : Falcon Type : New Functionality +4
4. Save of Selected Categories in the Main Form #29029
   Merged QA : Not Needed Release : 24.07.05 Team : Falcon Type : New Functionality Type : Task +6
5. Spike: Implement Category Search Functionality in Sidebar Across All Tree Nodes #28881
   QA : Not Needed Team : Falcon Type : Task dotCMS : Content Management +4
6. Implement Search Categories in the Sidebar of Category Field #28879
   QA : Approved Release : 24.07.30 Team : Falcon Type : New Functionality +4
   
7. Show Selected Categories #28875
   Merged QA : Not Needed Team : Falcon Type : New Functionality +4
   
8. Delete Selected Category from Input Tags #29181
   Merged QA : Not Needed QA : Passed Internal Team : Falcon Type : New Functionality +5
   
9. Limit the Amount of Selected Categories and Add Show More/Show Less Functionality #29183
   Merged NW Removed QA : Approved QA : Passed Internal Release : 24.07.19 Team : Falcon Type : New Functionality +7
   
10. Implement Chip as Designed in the Design System #29188
    QA : Not Needed Team : Falcon Type : New Functionality +3
    
11. Add Loading Status to the Column of Category List Component #29265
    Merged QA : Approved Release : 24.07.30 Team : Falcon Type : New Functionality +5
    
12. fix(edit-content): error with inputs text #29275
    Merged QA : Approved QA : Passed Internal Release : 24.07.30 Team : Falcon Type : Defect dotCMS : Content Management +7
    
13. Handle Empty Category Message #29186
    QA : Approved QA : Passed Internal Release : 24.08.05 Team : Falcon Type : New Functionality +5
    
14. Implement Breadcrumb Navigation for Categories #29184
    2 of 2
    Epic Merged QA : Approved QA : Passed Internal Release : 24.08.20 Team : Falcon Type : New Functionality +7
    
15. Handle Empty Search and Error Message for Categories #29185
    Merged QA : Approved QA : Passed Internal Release : 24.08.05 Team : Falcon Type : New Functionality +6
    
16. Handle Scroll in the Selected Categories Component #29356
    Merged QA : Approved Release : 24.07.30 Team : Falcon Type : New Functionality +5
    
17. Enhance /api/v1/categories/children Endpoint to Return Parent List #29315
    QA : Approved QA : Passed Internal Release : 24.08.20 Team : Falcon Type : New Functionality +5
    
18. Change category selection from PrimeNG sidebar to dialog #29563
    QA : Approved Release : 24.09.21 Team : Falcon Type : Task +4
    
19. Fix blinking effect during category loading #29564
    QA : Approved Release : 24.08.20 Team : Falcon Type : Task +4
    
20. Implement ellipsis for long category names to prevent horizontal scrolling #29568
    Gardening Day QA : Approved Release : 24.09.21 Team : Falcon Type : Defect +5
    
21. Show the path in selected items #29489
    Merged QA : Approved QA : Passed Internal Release : 24.08.20 Team : Falcon Type : New Functionality dotCMS : Content Management +7
    

[nicobytes]

IQA: There is a small problem with a blink per each category loaded

Screen.Recording.2024-08-12.at.11.41.42.AM.mov

[nicobytes]

IQA: When the user selects categories, those categories are not saved after reloading the page.

2024-08-12.16-10-05.mp4

[nicobytes]

IQA: There are categories without children that show an arrow, and only the categories with children should have this arrow.

2024-08-12.16-13-57.mp4

There seems to be a bug in the endpoint that incorrectly marks some categories with children.

[oidacra]

IQA: When the user selects categories, those categories are not saved after reloading the page.

2024-08-12.16-10-05.mp4

I tried, and I can't reproduce it.

[josemejias11]

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