Edit Contentlet: Research dynamic forms (component loader)

[fmontes]

Parent Issue

#25445

Task

We need to understand how we can render angular forms from a JSON object response.

1. Here is the JSON example response
2. We need to generate 2 columns and two fields
3. The fields have in common:
   • label
   • required
   • hint
4. The text field has a validation regex in the property regexCheck
5. The host field, is a dropdown that will get it options from an HTTP request mock the response like:

[
    {
        "identiter": "1",
        "name": "demo.dotcms.com"
    },
    {
      "identiter": "2",
      "name": "some.other.site.com"
  }
]

6. We need or want to use Angular native reactive form approach as much as possible
7. For the component use primeng textfield and dropdown

Proposed Objective

Core Features

Proposed Priority

Priority 3 - Average

Acceptance Criteria

No response

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

No response

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

[zJaaal]

Using component loader the code is kind of confusing and have a lot of layers of logic to just create one field. This approach can be hard to maintain if we need to add a lot of fields or make refactors in the future