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

[hmoreras]

Parent Issue

• Content Analytics MVP #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. Implement a text area input for users to enter their queries.
3. Design the portlet layout similar to the Elastic Search screen.
4. Integrate with the existing endpoint to fetch query results.
5. Display query results in a clear and organized manner.
6. Implement error handling for invalid queries or API errors.
7. Add loading indicators for when queries are being processed.

The view need to be similar to ES Query

Proposed Objective

Core Features

Proposed Priority

Priority 2 - Important

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

No response

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:

{
    "query": {
        "measures": [
            "request.count"
        ],
        "orders": "request.count DESC",
        "dimensions": [
            "request.url",
            "request.pageId",
            "request.pageTitle"
        ],
        "filters": "request.whatAmI = ['PAGE']",
        "limit": 100,
        "offset": 1
    }
}

You'll get results similar to the following:

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

Tasks

Beta Give feedback

1. CA search: Create Portlet Route #30230
   Team : Falcon Type : New Functionality dotCMS : Analytics +3
   
2. CA search: Implement Search form and results. #30231
   Team : Falcon Type : New Functionality dotCMS : Analytics +3
3. CA search: Implement loading and error states #30232
   Team : Falcon Type : New Functionality dotCMS : Analytics +3
4. CA search: Display a "wall" if the analitycs app is not running #30233
   Team : Falcon Type : New Functionality dotCMS : Analytics +3