Implement Standardized Page Title Pattern for Edit Content Page in Angular

[hmoreras]

User Story

As a user, I need the browser page title when editing content to follow the established dotCMS pattern so that I can easily identify what content I'm working with across multiple browser tabs.

Acceptance Criteria

• Implement the standard dotCMS title pattern for content edit pages in Angular: <Content Type Title> - dotCMS Content Management Platform
• For new content it should be New < Content Type Variable> - dotCMS Content Management Platform
• Retrieve the content title value if it exists
• Append the static part " - dotCMS Content Management Platform" to all content titles
• Verify that the implementation matches the behavior of the current JSP version in contentletactionswrapper.jsp
• Update existing Angular components that handle content editing to use this standardized title pattern
• Add appropriate unit tests to verify title formatting behavior

Proposed Objective

User Experience

Proposed Priority

Priority 3 - Average

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

• Reference implementation in contentletactionswrapper.jsp:

var newTitle = '<%= titleFieldValue %> - ' + window.parent.document.title.split('-')[1];
window.parent.document.title = newTitle;

final String titleFieldValue = (contentlet != null ? contentlet.getTitle() : "").replace("'", "'");

Assumptions & Initiation Needs

• The Angular application can access the content title or filename
• Access to the current page title pattern is available to maintain the static part
• Title should be dynamically updated when content information changes

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

[github-actions]

PRs:

• implementation ( Edit Content ) : #31900 Implement Standardized Page Title Pattern for Edit Content Page in Angular  #31916