Ember-easy-form-extensions NPM

Ember Easy Form Extensions

This Ember addon manages form submission in the controller/component and route layers of Ember apps.

It works alongside most form component addons including but not limited to Ember EasyForm and Ember Paper.

Ember EasyForm is not longer a required dependency for this addon.

Installation

npm uninstall --save-dev ember-validations
ember install ember-easy-form-extensions

Overview and Example

Designed to handle formsubmission events, ember-easy-form-extensions reduces boilerplate code and standardizes form submission whilst providing a broad API for you to interact with.

{{!--app-name/templates/users/new.hbs--}}

<form>

  <controls>
    {{input value=firstName}}
    {{input value=lastName}}
  </controls>

  {{!--Submit and cancel buttons--}}
  {{form-submission formIsSubmitted=formIsSubmitted}}

</form>

// app-name/controllers/users/new.js

import Ember from 'ember';
import FormMixin from 'ember-easy-form-extensions/mixins/components/form';

export default Ember.Controller.extend(
  FormMixin, {

  validations: {
    'model.title': {
      presence: true
    }
  }

  /* Runs if cancel button in {{form-submission}} is clicked */

  cancel: function() {
    this.transitionTo('posts');
  },

  /* Runs after validations pass and submit button in {{form-submission}} is clicked */

  save: function() {
    this.get('content').save().then(function(post) {
      this.transitionTo('post', post);
    });
  },

});