Add multiple actions support

Author: bakura10

README.md

@@ -109,7 +109,7 @@ abstraction that allows to know when the form is submitting or not (so you can u
 To do that, you must wrap your inputs around the `validatable-form` component:
 
 ```html
-{{#validatable-form onSubmit=(action 'saveUser') as |component|}}
+{{#validatable-form onSubmit=(action 'saveUser') as |form|}}
   {{#each-in component.errors as |field error|}}
     {{field}}: {{error}}
   {{/each-in}}
@@ -128,7 +128,7 @@ To do that, you must wrap your inputs around the `validatable-form` component:
     <p>Currently saving...</p>
   {{/if}}
   
-  <input type="submit" value="Submit form">
+  <input {{action 'submit' target=form}} value="Submit form">
 {{/validatable-form}}
 ```
 
@@ -145,9 +145,25 @@ the ID for something more meaningful, you can add the `data-field` attribute to
 {{input type='password' class='form__input' data-field='Password' required=true}}
 ```
 
+The submit button must contain an action name 'submit', and whose target is set to the validatable form. By default, the validatable form component
+will emit the event 'onSubmit', but you can actually override it if your form has multiple actions.
+
+For instance, let's say that your form have one "save" and one "save and activate" button:
+
+```html
+{{#validatable-form onPrimary=(action 'saveAndActivateUser') onSecondary=(action 'saveUser') as |form|}}
+  // ...
+  
+  <input {{action 'submit' 'onSecondary' target=form}} value="Save">
+  <input {{action 'submit' 'onPrimary' target=form}} value="Save and activate">
+{{/validatable-form}}
+```
+
+Your controller can now define the `saveAndActivateUser` and `saveUser` actions to properly handle them.
+
 ### Using with Ember-Data
 
-Version 0.1.* do not offer any Ember Data integration as of today.
+Version 0.2.* do not offer any Ember Data integration as of today.
 
 ### Cookbook
 

addon/components/validatable-form.js

@@ -38,25 +38,6 @@ export default Ember.Component.extend({
    */
   isSubmitting: false,
 
-  /**
-   * Handle the submit event only if the form is valid
-   */
-  submit() {
-    if (!this.get('element').checkValidity()) {
-      return false;
-    }
-
-    this.set('isSubmitting', true);
-
-    new Ember.RSVP.Promise((resolve) => {
-      resolve(this.get('onSubmit')());
-    }).then(() => {
-      this.set('isSubmitting', false);
-    });
-
-    return false;
-  },
-
   actions: {
     /**
      * @param {string} inputName
@@ -70,6 +51,25 @@ export default Ember.Component.extend({
       }
 
       this.rerender();
+    },
+
+    /**
+     * Handle the submit event only if the form is valid
+     */
+    submit(eventName) {
+      if (!this.get('element').checkValidity()) {
+        return false;
+      }
+
+      this.set('isSubmitting', true);
+
+      new Ember.RSVP.Promise((resolve) => {
+        resolve(this.get(eventName || 'onSubmit')());
+      }).then(() => {
+        this.set('isSubmitting', false);
+      });
+
+      return false;
     }
   }
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-cli-html5-validation",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "The default blueprint for ember-cli addons.",
   "directories": {
     "doc": "doc",