form component

[reusr1]

Please describe the problem. websites often have forms. We should be able to use oue json schema format or a more direct vue-form-generator form definition to render a form on a website with a defined target for the form action (ajax post request to specified URL).

We should be careful to evaluate overall page speed when enabling a form feature on a public facing website and evaluate how we'd like to tie in forms with objects and https://github.com/headwirecom/peregrine-cms/issues/374

[reusr1]

created corresponding branch with a simple default implementation.

the implementation is based on the use of vue form generator - sample form:

{
  "fields": [
    {
      "type": "input",
      "inputType": "text",
      "label": "Name",
      "model": "name",
      "id": "user_name",
      "placeholder": "Your name",
      "featured": true,
      "required": true
    }
  ]
}

remaining tasks:

• [ ] better default styling, work in different modes (light/dark)
• [ ] allow to define post endpoint or javascript method to call on submit (we should always handle the post request through ajax)
• [ ] more buttons?
• [ ] definition of page after success
• [ ] definition of failure message if form submission fails
• [ ] other issues?

vfg docs: https://vue-generators.gitbook.io/vue-generators/fields