forgot password completely functional now

Author: mzhang28

api/api.js

@@ -47,4 +47,7 @@ module.exports = function(app) {
 	app.post("/api/forgot", function(req, res) {
 		forgot.send_reset_email(req, res);
 	});
+	app.post("/api/forgot/reset", function(req, res) {
+		forgot.verify_code(req, res);
+	});
 };

app.js

@@ -13,6 +13,9 @@ var app = express();
 
 app.configure(function() {
 	app.set("port", process.env.PORT || 3000);
+	app.set("views", __dirname + "/app/jade");
+	app.set("view engine", "jade");
+	app.locals.pretty = true;
 
 	app.use(express.bodyParser());
 	app.use(express.cookieParser());

app/jade/verify.jade

@@ -0,0 +1,54 @@
+doctype html(lang='en')
+html
+	head
+		meta(charset='utf-8')
+		meta(name='viewport', content='width=device-width, initial-scale=1.0, user-scalable=yes')
+		title Reset Password - CTF Platform
+		link(rel='stylesheet', href='/css/main.css', media='screen')
+		link(rel='icon', href='images/logo.ico', media='screen')
+	body
+		nav.navbar.navbar-default(role='navigation')
+			.container-fluid
+				.navbar-header
+					button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar-content')
+						span.sr-only Toggle Navigation
+						span.icon-bar
+						span.icon-bar
+						span.icon-bar
+					a.navbar-brand(href='/') CTF-Platform
+				#navbar-content.collapse.navbar-collapse
+					ul#nav-left.nav.navbar-nav
+					ul#nav-right.nav.navbar-nav.navbar-right
+		.container
+			.page-header
+				h1 Reset your Password
+			.container
+				#verify_msg
+				.well.col-lg-7
+					div
+						form(class='form-horizontal', action='javascript:dispatch();')
+							fieldset
+								legend Change Password
+								div(class='form-group')
+									label(for='verify-code' class='col-lg-3 control-label') Code
+									div(class='col-lg-8')
+										input(type='text', class='form-control', name='-verify-code', id='-verify-code', placeholder='Code', value='#{code}', disabled)
+								div(class='form-group')
+									label(for='verify-password1' class='col-lg-3 control-label') Password
+									div(class='col-lg-8')
+										input(type='password', class='form-control', name='verify-password1', id='verify-password1', placeholder='Password', autofocus='on')
+								div(class='form-group')
+									label(for='verify-password2' class='col-lg-3 control-label') Confirm Password
+									div(class='col-lg-8')
+										input(type='password', class='form-control', name='verify-password2', id='verify-password2', placeholder='Confirm Password', autofocus='on')
+								div(class='form-group')
+									label(class='col-lg-3 control-label')
+									div(class='col-lg-7')
+										button(class='btn btn-primary', id='verify-btn', onClick='javascript:dispatch(); return false;') Change Password
+			#footer
+		script(type='text/javascript', src='/js/jquery.js')
+		script(type='text/javascript', src='/js/bootstrap.min.js')
+		script(type='text/javascript', src='/js/dependencies.js')
+		script(type='text/javascript', src='/js/passreset.js')
+		script(type='text/javascript').
+			$(function() { display_navbar(); load_footer(); });

app/pages/updates.html

@@ -19,14 +19,14 @@
 					</button><a href="/" class="navbar-brand">CTF-Platform</a>
 				</div>
 				<div id="navbar-content" class="collapse navbar-collapse">
-				    <ul class="nav navbar-nav" id="nav-left">
-				    </ul>
-				    <ul class="nav navbar-nav navbar-right" id="nav-right">
-				    </ul>
+					<ul class="nav navbar-nav" id="nav-left">
+					</ul>
+					<ul class="nav navbar-nav navbar-right" id="nav-right">
+					</ul>
 				</div>
 			</div>
 		</nav>
-
+	
 		<div class="container">
 			<div class="container">
 				<div class="jumbotron">

app/router.js

@@ -63,4 +63,10 @@ module.exports = function(app) {
 			});
 		})(i);
 	}
+
+	app.get("/forgot/:code", function(req, res) {
+		res.render("verify", {
+			code: req.params.code
+		});
+	})
 };

package.json

@@ -7,6 +7,7 @@
     "dotenv": "^0.4.0",
     "express": "3.x",
     "html-entities": "^1.1.1",
+    "jade": "^1.8.1",
     "moment": "^2.8.4",
     "mongodb": "^1.4.23",
     "sendgrid": "^1.3.0"

web/js/passreset.js

@@ -0,0 +1,30 @@
+(function() {
+	window.dispatch = function() {
+		$("[id^=verify-]").attr("disabled", "disabled");
+		$.ajax({
+			url: "/api/forgot/reset",
+			dataType: "json",
+			data: {
+				code: $("#-verify-code").val(),
+				p1: $("#verify-password1").val(),
+				p2: $("#verify-password2").val(),
+			},
+			type: "POST",
+			success: function(data) {
+				var alert_class = "";
+				if (data.success == 1) {
+					alert_class = "success";
+				} else {
+					alert_class = "danger";
+					$("[id^=verify-]").removeAttr("disabled");
+				}
+				$("#verify_msg").hide().html("<div class=\"alert alert-" + alert_class + "\"> " + data['message'] + " </div>").slideDown("normal");
+				setTimeout(function() {
+					$("#verify_msg").slideUp("normal", function() {
+						return $("#verify_msg").html("").show();
+					});
+				}, 2000);
+			},
+		});
+	};
+})();