Add support for schema.legend & field.id prefixes

[dflock]

1. Add support for an optional legend for each schema/fieldset. Expects the schema to look something like this:

schema: {
  legend: "Contact Details",
  fields: [
    {
      type: "input",
      inputType: "text",
      label: "Name",
      model: "name"
    },
...

2. Add support for field id prefixes, at the form level. So you can add a fieldIdPrefix: 'prefix_here_' to your formOptions and this will be prepended to all field id's. So if you have this:

schema: {
  legend: "Contact Details",
  fields: [
    {
      type: "input",
      inputType: "text",
      label: "Name",
      model: "name"
    },
    {
      type: "input",
      inputType: "email",
      label: "Email",
      model: "email",
      id: "user_email"
    }
  ]
},


formOptions: {
  fieldIdPrefix: 'frm1_'
}

you'll get this:

<fieldset class="vue-form-generator">
  <legend>Contact Details</legend>
  <div class="form-group field-input">
    <label for="frm1_name">Name</label>
    <div class="field-wrap">
      <div class="wrapper">
        <input id="frm1_name" type="text" class="form-control">
      </div>
    </div>
  </div>
  <div class="form-group field-input">
    <label for="frm1_email">Email</label>
    <div class="field-wrap">
      <div class="wrapper">
        <input id="frm1_email" type="email" class="form-control">
      </div>
    </div>
  </div>
</fieldset>

So the idPrefix is (intentionally) applied to both auto-generated and manually set field ids.

I added a dev/multipleforms thing to demo this - which should probably be called multiplefieldsets or legends or something.

[icebob]

I will check it.

[jmverges]

👍

[jmverges]

One thing, regarding this,

should we then use several one for each legend?

I would check if in schema exists a property called groups which is an array with objects like {legend:'Something',fields:[]} and if that property doesn't exist then go fields.

Definitely, this kind of feature is needed but having more than one tag has no sense for me

Cheers,

[jmverges]

I would add a bit more of logic in here to not need more than one tag

[jmverges]

same here

[icebob]

@jmverges Yes, it would be good, because the grouping is an old todo 👍

[jmverges]

@dflock are you gonna take care or would you prefer if I fork your branch and do the stuff?

@icebob I have a question, it is possible to update the schema and rebuild it once is created?

[icebob]

If you change the schema the Vue will be rebuild the DOM. (I think) I didn't try it. I use to change the complete schema.

[jmverges]

I think is not working for me

[jmverges]

@dflock @icebob I have a groups versions locally working. Should I create a new PR?

Edit: tests are failing

[icebob]

Wow, you are very fast :) Yes, please open a new PR

[icebob]

Closed by #209