4 files changed, 72 insertions, 1 deletions
diff --git a/public/assets/javascripts/ui/site/PasswordForgot.js b/public/assets/javascripts/ui/site/PasswordForgot.js
new file mode 100644
index 0000000..6ac23c0
--- /dev/null
+++ b/public/assets/javascripts/ui/site/PasswordForgot.js
@@ -0,0 +1,26 @@
+var PasswordForgot = ModalFormView.extend({
+	el: ".mediaDrawer.passwordForgot",
+	action: "/auth/passwordForgot",
+
+	validate: function(){
+		var errors = []
+
+		var email = this.$("#emailInput").val()
+
+		if (! email.length) {
+			errors.push("Please enter your email address");
+		}
+		if (email.indexOf("@") === -1) {
+			errors.push("Sorry, that is not a valid email address");
+		}
+
+		return errors
+	},
+	
+	success: function(res){
+		AlertModal.alert("Check your email, you should receive further instructions momentarily.", function(e){
+			window.location.href = "/"
+		})
+	},
+
+})
diff --git a/public/assets/javascripts/ui/site/PasswordReset.js b/public/assets/javascripts/ui/site/PasswordReset.js
new file mode 100644
index 0000000..77e8684
--- /dev/null
+++ b/public/assets/javascripts/ui/site/PasswordReset.js
@@ -0,0 +1,25 @@
+var PasswordReset = ModalFormView.extend({
+	el: ".mediaDrawer.passwordReset",
+	action: "/auth/password",
+
+	validate: function(){
+		var errors = []
+		
+		var pw1 = this.$("#passwordInput1").val()
+		var pw2 = this.$("#passwordInput2").val()
+
+		if (! pw1.length) {
+			errors.push("Please enter a password");
+		}
+		if (pw1 !== pw2) {
+			errors.push("Passwords don't match");
+		}
+
+		return errors
+	},
+
+	success: function(res){
+		window.location.href = "/profile"
+	}
+
+})
diff --git a/public/assets/javascripts/ui/site/UsernameTaken.js b/public/assets/javascripts/ui/site/UsernameTaken.js
new file mode 100644
index 0000000..fc651e3
--- /dev/null
+++ b/public/assets/javascripts/ui/site/UsernameTaken.js
@@ -0,0 +1,21 @@
+var UsernameTaken = ModalFormView.extend({
+	el: ".mediaDrawer.usernameTaken",
+	action: "/auth/usernameTaken",
+
+	validate: function(){
+		var errors = []
+
+		var username = this.$("#usernameInput").val()
+
+		if (! username.length) {
+			errors.push("Please enter a username");
+		}
+
+		return errors
+	},
+
+	success: function(res){
+		window.location.href = "/profile"
+	}
+
+})
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index a2b5d8c..9c80987 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1274,7 +1274,6 @@ button:hover {
 form {
 	max-width: 440px;
 	margin: 0 auto;
-
 }
 form div {
 	float:right;