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.

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

Implement Search Categories in the Sidebar of Category Field #28879

Closed
Tracked by #28493
oidacra opened this issue Jun 13, 2024 · 3 comments · Fixed by #29167
Closed
Tracked by #28493

Implement Search Categories in the Sidebar of Category Field #28879

oidacra opened this issue Jun 13, 2024 · 3 comments · Fixed by #29167

Comments

@oidacra
Copy link
Member

oidacra commented Jun 13, 2024

Parent Issue

#28493

User Story

As a user, I need to be able to search for categories by their name within the sidebar, so I can quickly find and select the categories I need.

Acceptance Criteria

  • Implement a search input in the sidebar for category names.
  • Allow users to initiate the search by pressing enter or clicking the search (magnifying glass) icon.
  • Display a loading (skeleton) animation while the search results are being fetched.
  • Use PrimeNG components for the search input and results display (if apply).
  • Ensure that search results are accurate and displayed in a user-friendly manner.
  • Follow the Final design of the Figma
  • Write and pass unit tests for the new search functionality.
Screenshot 2024-06-13 at 5 30 58 PM Screenshot 2024-06-13 at 5 30 51 PM

Proposed Objective

User Experience Enhancement

Proposed Priority

Priority 2 - Important

dotCMS Version

master

External Links

Assumptions & Initiation Needs

Assuming the server provides an API endpoint for searching categories by name. Access to design and translation resources is required.

Quality Assurance Notes & Workarounds

Quality assurance should ensure that the search functionality works as expected, search results are accurate, and the loading state is handled correctly. Unit tests should cover the new search functionality.

@oidacra oidacra changed the title Search Categories Implement Search Categories in the Sidebar of Category Field Jun 13, 2024
@oidacra
Copy link
Member Author

oidacra commented Jun 13, 2024

Blocked By #28881

@oidacra oidacra self-assigned this Jul 5, 2024
@oidacra oidacra linked a pull request Jul 9, 2024 that will close this issue
3 tasks
oidacra added a commit that referenced this issue Jul 9, 2024
oidacra added a commit that referenced this issue Jul 9, 2024
oidacra added a commit that referenced this issue Jul 11, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
oidacra added a commit that referenced this issue Jul 12, 2024
github-merge-queue bot pushed a commit that referenced this issue Jul 12, 2024
### Proposed Changes
* add search to `categoryfield`


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

### Additional Info


https://github.com/dotCMS/core/assets/1909643/a5e8e8c6-c466-4bf9-aa7d-7a45e6b1b442

---------

Co-authored-by: Nicolas Molina <hi@nicobytes.com>
@dsilvam dsilvam assigned dsilvam and unassigned oidacra Jul 17, 2024
@dsilvam
Copy link
Contributor

dsilvam commented Jul 22, 2024

Passed IQA.

  • Was able to search categories throughout the entire tree, including up to 5 levels deep.
  • Search results can be selected and they properly appear on the right sidebar.
  • The searching takes place once you type at least 3 characters.
  • Upon removing the characters by hitting backspace or clicking on the x, the view rests back to the tree.
  • Search results correctly include the Category Path.

@josemejias11
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

3 participants