Create an Angular portlet to be able to make a CA search.

[hmoreras]

Parent Issue

• 30141

User Story

As a user, I want to be able to run queries for Content Analytics using a new portlet in Angular, so that I can easily access and analyze content data.

Acceptance Criteria

1. Create a new Angular portlet for Content Analytics in Dev Tools > Content Analytics.
2. The url should be /dotAdmin/#/analytics-search
3. Implement a Monaco editor input for users to enter their Cube queries.
4. Integrate with the existing endpoint to fetch query results.
5. Display query results in a clear and organized manner in a read only Monaco editor.
6. Implement error handling for invalid queries or API errors.

Proposed Objective

Core Features

Proposed Priority

Priority 2 - Important

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

(https://www.figma.com/design/FWCtr1mgQwzdvAGVOM9jDc/Content-Analytics?node-id=54-188&node-type=section&t=L6EjkHPJvQNqsMW0-0)

Assumptions & Initiation Needs

• An endpoint is available to process queries and return results.
• The development team has access to the Elastic Search screen design for reference.

Quality Assurance Notes & Workarounds

• Set the following env var in your docker-compose.yml file: DOT_FEATURE_FLAG_CONTENT_ANALYTICS: 'true'
• Start up dotCMS with the Full Starter and an Enterprise License.
• Set up the Analytics Integration App. Make sure that the token is generated correctly and no errors are present.
• the endpoint requires authentication:

  POST {{serverURL}}/api/v1/analytics/content/_query

JSON Body:

{ "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" ] } ] }

You'll get results similar to the following:

{
    "entity": {
        "results": [
            {
                "request.count": "4",
                "request.pageId": "9c5f42da-31b1-4935-9df6-153f5de1bdf2",
                "request.pageTitle": "Blogs",
                "request.url": "/blog/"
            },
            {
                "request.count": "4",
                "request.pageId": "44a076ad-affa-49d4-97b3-6caa3824e7e8",
                "request.pageTitle": "Destinations",
                "request.url": "/destinations/"
            },
            ...
            ...
            ...
        ]
    },
    "errors": [],
    "i18nMessagesMap": {},
    "messages": [],
    "pagination": null,
    "permissions": []
}

### Tasks
- [ ] https://github.com/dotCMS/core/issues/30230
- [ ] https://github.com/dotCMS/core/issues/30231
- [ ] https://github.com/dotCMS/core/issues/30427
- [ ] https://github.com/dotCMS/core/issues/30233
- [ ] https://github.com/dotCMS/core/issues/30622

[hmoreras]

This is comment show the current status of the UI. https://github.com/dotCMS/core/issues/30427#issuecomment-2444928588