chore(edit-content): Basic Relationship field Layout

[nicobytes]

Parent Issue

#30515

Proposed Changes

This pull request introduces a new RELATIONSHIP field type in the dotCMS content editing module. The most important changes include the addition of the DotEditContentRelationshipFieldComponent, updates to the FIELD_TYPES enum, and the creation of supporting components and stores for managing relationship fields.

Introduction of RELATIONSHIP Field Type:

• core-web/libs/edit-content/src/lib/models/dot-edit-content-field.enum.ts: Added RELATIONSHIP to the FIELD_TYPES enum.

New Components for Relationship Fields:

• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.ts: Created DotEditContentRelationshipFieldComponent to handle relationship fields.
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts: Added DotSelectExistingContentComponent for selecting existing content.

Supporting Stores and Utilities:

• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/store/relationship-field.store.ts: Created RelationshipFieldStore to manage state for relationship fields.
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/store/existing-content.store.ts: Added ExistingContentStore to manage state for selecting existing content.

Template and Style Updates:

• core-web/libs/edit-content/src/lib/components/dot-edit-content-field/dot-edit-content-field.component.html: Updated template to include RELATIONSHIP field type.
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html: Added template for selecting existing content.
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.scss: Added styles for selecting existing content.

Checklist

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

2024-11-28.14-18-18.mp4

This PR fixes: #30515

Copilot reviewed 5 out of 18 changed files in this pull request and generated no suggestions.

Files not reviewed (13)

• core-web/libs/dotcms-scss/shared/_colors.scss: Language not supported
• core-web/libs/edit-content/src/lib/components/dot-edit-content-field/dot-edit-content-field.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/components/pagination/pagination.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/components/search/search.compoment.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.scss: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss: Language not supported
• dotCMS/src/main/webapp/WEB-INF/messages/Language.properties: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/store/relationship-field.store.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/models/dot-edit-content-field.enum.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/components/dot-edit-content-form/utils.ts: Evaluated as low risk

Comments skipped due to low confidence (1)

core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/components/search/search.compoment.ts:1

• The filename and selector have a typo. It should be 'search.component.ts' and 'dot-search', respectively.

import { Component, inject, output } from '@angular/core';

[dotcms-sonarqube]

Quality Gate passed

Issues
1 New issue
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube