Steps/Wizard with ember-changeset integration
npm install @gavant/ember-changeset-steps
This addon uses ember-steps to give step/wizard functionality using ember-changeset & ember-changeset-validation.
- Ember.js v3.6 or above
- Ember CLI v3.6 or above
``
ember install @gavant/ember-changeset-steps
`
{{input placeholder="First Name" value=this.changeset.firstName}}
{{input placeholder="Last Name" value=this.changeset.lastName}}
Provided for ease of use are three helpers.
1. execute-changeset
This helper executes the changeset and then calls what is passed to
2. save-changeset
This helper saves the changeset. Once that promise returns, the helper calls
3. validate-changeset
This helper validates the changeset and then calls what is passed to
You don't have to use any of them, because they are just convenience helpers. Instead you can just do
`
{{input placeholder="Last Name" value=this.changeset.lastName}}
`
and in a controller or component do
`
export default class Application extends Controller {
...
@action
async validateStep(transition) {
await this.changeset.validate();
if(changeset.isInvalid) {
return reject();
} else {
this.changeset.execute();
transition();
}
}
}
See the Contributing guide for details.
This project is licensed under the MIT License.