onlyurei/knockout-spa

/*! knockout-spa (https://github.com/onlyurei/knockout-spa) * Copyright 2015-2017 Cheng Fan * MIT Licensed (https://raw.githubusercontent.com/onlyurei/knockout-spa/master/LICENSE) */
define(['util/json', 'jsface', 'ko', 'sugar'], function (Json, Class, ko) {

  var Form = Class({
    constructor: function (inputs, submit, initFromQueryString) {
      this.inputs = {};
      if (Object.isObject(inputs)) {
        this.inputs = inputs;
      } else if (Object.isArray(inputs)) {
        inputs.each(function (input) {
          this.inputs[input.name] = input;
        }.bind(this));
      }

      Object.values(this.inputs).each(function (input) {
        input.form = this;
      }.bind(this));

      if (initFromQueryString) {
        this.fromQueryString();
      }

      this.filled = ko.computed(function () {
        return Object.values(this.inputs).all(function (input) {
          return !input.required || (input.filled === undefined) || (input.filled === null) || (ko.isObservable(input.filled) && input.filled());
        });
      }.bind(this));

      this.valid = ko.computed(function () {
        return Object.values(this.inputs).all(function (input) {
          return (input.valid === undefined) || (input.valid === null) || (ko.isObservable(input.valid) && input.valid());
        });
      }.bind(this));

      this.ok = ko.computed(function () {
        return this.filled() && this.valid();
      }.bind(this));

      this.submit = function () {
        if (this.ok()) {
          submit();
        }
      }.bind(this);

      return this;
    },
    serialize: function (toHash, keepEmptyValues) {
      var queries = {};
      if (toHash) {
        Object.values(this.inputs).each(function (input) {
          Object.merge(queries, input.serialize(true));
        });
      } else {
        var queryString = Object.values(this.inputs).map(function (input) {
          return input.serialize();
        }).join('&');
        queries = Object.fromQueryString(queryString);
      }
      if (!keepEmptyValues) {
        Object.each(queries, function (key, value) {
          if ((value === undefined) || (value === null) || ((typeof value == 'string') && (value.compact() === ''))) {
            delete queries[key];
          }
        });
      }
      return toHash ? Json.unflatten(queries) : Object.toQueryString(queries);
    },
    deserialize: function (json) {
      Object.each(this.inputs, function (name, input) {
        input.deserialize(json);
      });
      return this.inputs;
    },
    fromQueryString: function (queryString) {
      Object.each(this.inputs, function (name, input) {
        input.fromQueryString(queryString);
      });
      return this.inputs;
    },
    addInput: function (input) {
      if (!this.inputs.hasOwnProperty(input.name)) {
        input.form = this;
        this.inputs[input.name] = input;
        return true;
      }
      return false;
    },
    clear: function () {
      Object.each(this.inputs, function (name, input) {
        input.value('');
      });
    }
  });

  return Form;

});