refactor(custom-fields): Update static Custom fields

[nicobytes]

Proposed Changes

This pull request introduces significant improvements to the custom field rendering logic, focusing on modularizing template and cache TTL field implementations for new and old edit modes, and enhancing the styling and maintainability of the dot-edit-content-custom-field native field component. The most important changes are grouped below:

Edit Mode Custom Field Rendering

• Refactored cachettl_custom_field.vtl and template_custom_field.vtl to delegate rendering to separate files based on whether the new edit mode is enabled, improving maintainability and paving the way for further enhancements. [1] [2]
• Added cachettl_custom_field_new.vtl and cachettl_custom_field_old.vtl to separate the logic for the cache TTL custom field between new (using DotCustomFieldApi) and old (using Dojo/dijit) edit modes, ensuring compatibility and cleaner code. [1] [2]

Styling Improvements

• Added a new SCSS stylesheet (native-field.component.scss) for the dot-edit-content-custom-field native field component, centralizing and modernizing the styling for inputs, selects, textareas, and buttons, and making use of design tokens and mixins for consistency.
• Updated the Angular component (native-field.component.ts) to include the new SCSS file, ensuring the new styles are applied.

Checklist

• Tests
• Translations
• Security Implications Contemplated (add notes if applicable)

This PR fixes: #34029

[Copilot]

Pull request overview

This PR refactors custom field implementations for HTML pages by introducing a new edit mode that uses modern JavaScript APIs instead of legacy Dojo/Dijit frameworks. The refactoring creates separate implementations for old and new edit modes, with a Velocity conditional to route between them.

Key changes:

• Migrates from Dojo/Dijit to native JavaScript and DotCustomFieldApi
• Adds styling for native HTML form elements in Angular components
• Separates legacy (_old.vtl) and modern (_new.vtl) implementations

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated 9 comments.

Show a summary per file

File	Description
title_custom_field.vtl	Conditional routing between old and new implementations
title_custom_field_old.vtl	Legacy Dojo-based title field implementation
title_custom_field_new.vtl	Modern DotCustomFieldApi-based title field implementation
template_custom_field.vtl	Conditional routing between old and new implementations
template_custom_field_old.vtl	Legacy Dojo-based template selector implementation
template_custom_field_new.vtl	Modern implementation with native select and custom styling
cachettl_custom_field.vtl	Conditional routing between old and new implementations
cachettl_custom_field_old.vtl	Legacy Dojo-based cache TTL field implementation
cachettl_custom_field_new.vtl	Modern DotCustomFieldApi-based cache TTL implementation
native-field.component.ts	Added SCSS stylesheet reference
native-field.component.scss	Added comprehensive styling for native form elements

Comments suppressed due to low confidence (1)

dotCMS/src/main/webapp/WEB-INF/velocity/static/htmlpage_assets/template_custom_field_new.vtl:1

• This comment in the SCSS file (line 5 of native-field.component.scss) is in Spanish. Translate to English: "Use ::ng-deep to apply styles to dynamically injected elements" for consistency with the rest of the codebase.

<style>

[Copilot]

Pull request overview

Copilot reviewed 15 out of 15 changed files in this pull request and generated 16 comments.

[alwaysmeticulous]

Meticulous was unable to execute a test run for this PR because the most recent commit is associated with multiple PRs. To execute a test run, please try pushing up a new commit that is only associated with this PR.

_{Last updated for commit f3fb68e. This comment will update as new commits are pushed.}