{:uriI"Òfile:///Users/joel/src/revelreact_rails/app/assets/javascripts/revelreact/examples/ModelForm.js.cjsx?type=application/javascript&pipeline=self&id=7de7f5b9aef569d2305e16d188abaf1102e3c3581bc1444150831f69fc74e305:ET:load_pathI"</Users/joel/src/revelreact_rails/app/assets/javascripts;F:filenameI"b/Users/joel/src/revelreact_rails/app/assets/javascripts/revelreact/examples/ModelForm.js.cjsx;T:	nameI""revelreact/examples/ModelForm;T:logical_pathI"*revelreact/examples/ModelForm.self.js;T:content_typeI"application/javascript;T:sourceI"
(function() {
  var ExampleModel,
    extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
    hasProp = {}.hasOwnProperty;

  Rev.pullInto(this)('Row', 'Col', 'ModelForm', 'ModelInput', 'ModelProgressIndicator', 'Textarea', 'Switch');

  ExampleModel = (function(superClass) {
    extend(ExampleModel, superClass);

    function ExampleModel() {
      return ExampleModel.__super__.constructor.apply(this, arguments);
    }

    ExampleModel.prototype.url = function() {};

    ExampleModel.prototype.sync = function() {
      this.trigger('request');
      return setTimeout((function(_this) {
        return function() {
          if (_this.validateName.bind(_this)()) {
            return _this.trigger('error', _this, {
              responseJSON: {
                errors: {
                  name: [_this.validateName.bind(_this)()]
                }
              }
            }, {});
          } else {
            return _this.trigger('sync');
          }
        };
      })(this), 1000);
    };

    ExampleModel.prototype.validateName = function() {
      if (_.isEmpty(this.get('name'))) {
        return "is required";
      }
    };

    return ExampleModel;

  })(Backbone.Model);

  Rev.registerExample('ModelForm', {
    getInitialState: function() {
      return {
        model: new ExampleModel()
      };
    },
    render: function() {
      return React.createElement("div", null, React.createElement(ModelForm, {
        "model": this.state.model
      }, React.createElement(Row, null, React.createElement(Col, null, React.createElement(ModelProgressIndicator, {
        "model": this.state.model,
        "started": 'Click "Try it out"',
        "requested": 'Savingâ€¦',
        "errored": 'ERROR ERROR',
        "synced": 'Model saved!'
      }))), React.createElement(Row, null, React.createElement(Col, null, React.createElement(ModelInput, {
        "field": "name",
        "type": "text",
        "placeholder": "This field is required",
        "model": this.state.model
      })), React.createElement(Col, null, React.createElement(ModelInput, {
        "field": "optional",
        "type": "text",
        "placeholder": "This field is optional",
        "model": this.state.model
      })), React.createElement(Col, null, React.createElement("button", null, "Try it out")))));
    }
  });

}).call(this);
;T:metadata{:dependencieso:Set:
@hash{	I"environment-version;TTI"environment-paths;TTI"hprocessors:type=application/javascript&file_type=application/javascript&engines=.cjsx&pipeline=self;TTI"pfile-digest:///Users/joel/src/revelreact_rails/app/assets/javascripts/revelreact/examples/ModelForm.js.cjsx;TT:requiredo;;{ :stubbedo;;{ :
linkso;;{ :charsetI"
utf-8;F:digest"%¯×ë·q;$åÉƒ¼í/ø¨xõŠß|Œ[¯aÔ2«:lengthi
:integrityI"Xni:///sha-256;r9frt3E7JBLlyYO8GO0v-Kh49YrfHBh8jFuvYdQDMqs?ct=application/javascript;T:dependencies_digest"%tFð =Í=9fŠ,§”ÚµÝg‚òñaÜÞ) ð‚:idI"E7de7f5b9aef569d2305e16d188abaf1102e3c3581bc1444150831f69fc74e305;F:
mtimel+Ú1U