CA Search: Apply updated Design

[hmoreras]

Parent Issue

#30178

User Story

As a developer, I want to implement the UI updates for the Content Analytics portlet, following the design team's specifications in the provided Figma file, so that the UI is consistent with the new design.

Acceptance Criteria

1. Update the layout and styling of the Content Analytics portlet according to the Figma design.
2. Ensure that the fonts, colors, and spacing match the Figma file.
3. Implement any new UI components or interactions specified in the design.

Proposed Objective

UI/UX Improvements

Proposed Priority

Priority 2 - Important

External Links

• Figma Design: https://www.figma.com/design/FWCtr1mgQwzdvAGVOM9jDc/Content-Analytics?node-id=54-188&t=ON2d5uTJrFC48hnz-1

Assumptions & Initiation Needs

• The Figma file contains all required design assets and specifications.
• The development environment is ready for updating the Content Analytics portlet.

Quality Assurance Notes & Workarounds

• Ensure no performance degradation due to new styles or components.

Sub-Tasks & Estimates

No response

[hmoreras]

QA Note:

The design updates include the use of p-splitter and validation of json format before send the request.

Details that we are aware:

• Help button still pending will be worked in other card.
• Dropdown to support both queries not needed. for now only the CUBE query will be supported.

Example of Cube Query used:

{ "dimensions": [ "request.whatAmI", "request.url" ], "order": { "request.count": "desc" }, "measures": [ "request.count" ], "timeDimensions": [ { "dimension": "request.createdAt" } ], "filters": [ { "member": "request.url", "operator": "equals", "values": [ "/" ] }, { "member": "request.whatAmI", "operator": "equals", "values": [ "PAGE" ] } ] }

[github-actions]

PRs:

• implementation (Content Analytics Search): #30427 Apply updated Design #30492

[dsilvam]

Passed IQA:

• Validating JSON and preventing to execute the query when the JSON is invalid
• Fetching results properly
• Same as designed

Had requested changes in the Dialog when the Analytics app is not configured but we'll have a wall instead, so this Dialog will go away:

[john-thomas-dotcms]

Suggested title: Analytics is Not Configured

[hmoreras]

configration errores are being worked in other card, we wil use a "wall" #30233

[josemejias11]

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