ember-do-forms/addon/components/do-form.js

ember-do-forms handles the icky parts of forms that you don't want to, and leaves the rest to you.

import { assert } from '@ember/debug';
import Component from '@ember/component';
import { isPresent, isEmpty } from '@ember/utils';
import { inject as service } from '@ember/service';
import { set, get } from '@ember/object';
import layout from '../templates/components/do-form';
import hasOnlyEmberView from '../utils/has-only-ember-view';

const DoFormComponent = Component.extend({
  layout,
  config: service('ember-do-forms/config'),
  tagName: 'form',

  fieldComponent: 'do-field',

  showAllValidations: false,

  init() {
    this._super(...arguments);
    let submitAction   = get(this, 'submit');
    let defaultClasses = get(this, 'config.defaultClasses.form');

    assert('{{do-form}} requires an object to be passed in.', isPresent(get(this, 'object')));

    set(this, 'submit', function(event) {
      event.preventDefault();
      set(this, 'showAllValidations', true);

      if (isPresent(submitAction)) {
        submitAction();
      }
    });

    if (isEmpty(this.classNames) || hasOnlyEmberView(this.classNames)) {
      this.classNames = this.classNames.concat(defaultClasses);
    }
  },

  update(object, propertyName, value) {
    set(object, propertyName, value);
  }
});

export default DoFormComponent;