split up builder functionality

1 files changed, 96 insertions, 0 deletions

diff --git a/public/assets/javascripts/ui/lib/ModalFormView.js b/public/assets/javascripts/ui/lib/ModalFormView.js
new file mode 100644
index 0000000..d084031
--- /dev/null
+++ b/public/assets/javascripts/ui/lib/ModalFormView.js
@@ -0,0 +1,96 @@
+
+var ModalFormView = ModalView.extend({
+
+	method: "post",
+
+	events: {
+		"submit form": "submit"
+	},
+
+	initialize: function(){
+		this.$form = this.$("form")
+		this.$errors = this.$(".errors")
+		this.$errorList = this.$(".errorList")
+	},
+
+	reset: function(){
+		this.$("input,textarea").not("[type='submit']").not("[type='hidden']").val("")
+	},
+	
+	load: function(){
+		this.reset()
+		this.show()
+	},
+	
+	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($.proxy(function(){
+				this.$errors.show().css("opacity", 1.0);
+			}, this), 200)
+		}
+	},
+	
+	serialize: function(){
+		var fd = new FormData()
+		
+		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);
+			}
+		});
+		
+		return fd
+	},
+	
+	submit: function(e){
+		e.preventDefault()
+
+		this.$errors.hide().css("opacity", 0.0);
+		
+		if (this.validate) {
+			var errors = this.validate()
+			if (errors && errors.length) {
+				this.showErrors(errors)
+				return
+			}
+		}
+
+		var request = $.ajax({
+			url: this.action,
+			type: this.method,
+			data: this.serialize(),
+			dataType: "json",
+			processData: false,
+			contentType: false,
+		});
+		request.done($.proxy(function (response) {
+			if (response.error) {
+				var errors = []
+				for (var key in response.error.errors) {
+					errors.push(response.error.errors[key].message);
+				}
+				this.showErrors(errors)
+				return
+			}
+			else {
+				this.success && this.success(response)
+			}
+		}, this));
+	}
+
+})