1 files changed, 135 insertions, 0 deletions
diff --git a/public/js/lib/formview.js b/public/js/lib/formview.js
new file mode 100644
index 0000000..f5845e7
--- /dev/null
+++ b/public/js/lib/formview.js
@@ -0,0 +1,135 @@
+var FormView = View.extend({
+
+  method: "post",
+  useMinotaur: false,
+
+  events: {
+    "submit form": "save"
+  },
+
+  initialize: function(opt){
+    if (opt && opt.parent) {
+      this.parent = opt.parent
+    }
+    this.$form = this.$("form")
+    this.$errors = this.$(".errors")
+    this.$errorList = this.$(".errorList")
+  },
+
+  reset: function(){
+    this.$("input,textarea").not("[type='submit']").not("[type='hidden']").val("")
+  },
+  
+  showErrors: function(errors){
+    if (errors && errors.length) {
+      this.$errorList.empty();
+      for (var i in errors) {
+        this.$errorList.append('<div>' + errors[i] + '</div>');
+      }
+      this.$errors.css("opacity", 1.0);
+      setTimeout(function(){
+        this.$errors.show().css("opacity", 1.0);
+      }.bind(this), 200)
+    }
+  },
+  
+  serialize: function(){
+    var fd = new FormData(), hasCSRF = false
+    
+    this.$("input[name], select[name], textarea[name]").each( function(){
+      if (this.type == "file") {
+        if (this.files.length > 0) {
+          fd.append(this.name, this.files[0]);
+        }
+      }
+      else if (this.type == "password") {
+        if (this.value.length > 0) {
+          fd.append(this.name, SHA1.hex('lol$' + this.value + '$vvalls'))
+        }
+      }
+      else {
+        fd.append(this.name, this.value);
+        hasCSRF = hasCSRF || this.name == "_csrf"
+      }
+    });
+    
+    if (! hasCSRF) {
+      fd.append("_csrf", $("[name=_csrf]").val())
+    }
+    
+    return fd
+  },
+  
+  save: function(e, successCallback, errorCallback){
+    e && e.preventDefault()
+
+    this.$errors.hide().css("opacity", 0.0);
+    
+    if (this.validate) {
+      var errors = this.validate()
+      if (errors && errors.length) {
+        if (errorCallback) {
+          errorCallback(errors)
+        }
+        else {
+          this.showErrors(errors)
+        }
+        return
+      }
+    }
+    
+    var action = typeof this.action == "function" ? this.action() : this.action
+    if (! action) return
+
+    var request = $.ajax({
+      url: action,
+      type: this.method,
+      data: this.serialize(),
+      dataType: "json",
+      processData: false,
+      contentType: false,
+    })
+
+    if (this.useMinotaur) {
+      Minotaur.show()
+    }
+    
+    request.done($.proxy(function (response) {
+      if (this.useMinotaur) {
+        Minotaur.hide()
+      }
+      if (response.error) {
+        var errors = []
+        for (var key in response.error.errors) {
+          errors.push(response.error.errors[key].message);
+        }
+        if (errorCallback) {
+          errorCallback(errors)
+        }
+        else {
+          this.showErrors(errors)
+        }
+        return
+      }
+      else {
+        if (successCallback) {
+          successCallback(response)
+        }
+        if (this.success) {
+          this.success(response)
+        }
+      }
+    }, this));
+  }
+
+})
+
+
+var ModalFormView = ModalView.extend(FormView.prototype).extend({
+
+  load: function(){
+    this.reset()
+    this.show()
+  }
+
+})