adding session support and a million other things

app/core/config.js

@@ -7,7 +7,7 @@ module.exports = function(app, exp) {
 		app.set('view options', { pretty: true });		
 		app.use(exp.bodyParser());
 		app.use(exp.cookieParser());
-		app.use(exp.session({ secret: 'secret-constant' }));		
+		app.use(exp.session({ secret: 'super-duper-secret-secret' }));		
 		app.use(exp.methodOverride());
 		app.use(require('stylus').middleware({ src: app.root + '/app' }));	
 		app.use(exp.static(app.root + '/app'));		

app/css/style.css

@@ -82,12 +82,25 @@ body {
 #sendCredentials .modal-footer {
   height: 20px;
 }
+#loginFailure {
+  width: 310px;
+  margin: -200px 0 0 -150px;
+}
+#loginFailure .cancel {
+  float: right;
+}
 #btn-logout {
   width: 100px;
   top: 1px;
   right: 8px;
   position: absolute;
 }
+#userData {
+  margin: 50px 0 0 22px;
+}
+#userData p {
+  color: #808080;
+}
 #print {
   padding: 20px;
 }

app/css/style.styl

@@ -89,6 +89,14 @@ html, body
 	}	
 }
 
+#loginFailure{
+	width 310px
+	margin -200px 0 0 -150px	
+	.cancel{
+	    float right
+	}
+}
+
 
 // logged-in page //    
 
@@ -97,6 +105,13 @@ html, body
 	top 1px
 	right 8px
 	position absolute
+
+#userData{
+    margin 50px 0 0 22px
+    p {
+        color grey
+    }
+}
 
 // support pages //
 

app/js/home.js

@@ -1,7 +1,19 @@
 $(document).ready(function(){
 
 	$('#btn-logout').click(function(){
-		console.log('logout clicked')
+        var req = $.ajax({
+            url: "/home",
+            type: "POST",
+            data: {logout : true}
+        });
+
+        req.done(function(msg) {
+            window.location.href = '/';
+        });
+
+        req.fail(function(jqXHR, textStatus) {
+            console.log( "request failed: " + textStatus );
+        });     
 	})
 
 })

app/js/login-form.js

@@ -0,0 +1,42 @@
+$(document).ready(function(){
+
+	// the login form that shows when the page loads //
+
+	$('#loginForm').ajaxForm({
+		beforeSubmit : function(formData, jqForm, options){
+			if ($('#user').val() == ''){
+                showLoginError('Whoops!', 'Please enter a valid username');
+				return false;				
+			}	else if ($('#pass').val() == ''){
+                showLoginError('Whoops!', 'Please enter a valid password');
+				return false;
+			}	else{
+				console.log('about to submit :: '+$.param(formData));
+				return pass;
+			}
+		},
+		success	: function(responseText, status, xhr, $form){
+			if (status == 'success') window.location.href = '/home';
+		},
+		error : function(e){
+            showLoginError('Login Failure', 'Please check your username and/or password');
+		}
+	}); 
+	$('#loginForm #forgot-pass').click(function(){ $('#sendCredentials').modal('show');});
+
+	// modal window to display any login form errors //
+
+	$('#loginFailure').modal({
+		show : false,
+		keyboard : true,
+		backdrop : true
+	});	
+
+	function showLoginError(t, m)
+	{
+	    $('#loginFailure .modal-header h3').text(t);	    
+	    $('#loginFailure .modal-body p').text(m);
+		$('#loginFailure').modal('show');
+	}
+
+})

app/js/login.js → app/js/login-retrieval.js

@@ -1,40 +1,15 @@
 $(document).ready(function(){
 
-	// login form shown when page loads //
+	// modal window to allow users to request credentials by email //
 
-	$('#loginForm').ajaxForm({
-		beforeSubmit : function(formData, jqForm, options){
-			if ($('#user').val() == ''){
-				alert('please enter your username');
-				return false;				
-			}	else if ($('#pass').val() == ''){
-				alert('please enter your password');
-				return false;
-			}	else{
-				console.log('about to submit :: '+$.param(formData));
-				return pass;
-			}
-		},
-		success	: function(responseText, status, xhr, $form){
-			if (status == 'success') window.location.href = '/print';
-		}
-	}); 
-
-	$('#forgot-pass').click(function(){
-		$('#sendCredentials').modal('show');
-	});
-
-	// retrieve password modal window & form // 	
-
-	var a = $('.alert');
 	$('#sendCredentials').modal({
 		show : false,
 		keyboard : true,
 		backdrop : true
 	});
-	$('#sendCredentials').on('show', function(){	
-		$('#emailForm').resetForm(); a.hide();
-	});
+	var a = $('#sendCredentials .alert');
+	$('#sendCredentials').on('show', function(){ $('#emailForm').resetForm(); a.hide();});
+
 	$('#emailForm').ajaxForm({
 		beforeSubmit : function(formData, jqForm, options){
 			if (validate($('#email').val())){
@@ -49,7 +24,7 @@ $(document).ready(function(){
 			showSuccess("You've been sent an email with your login credentials.");
 		},
 		error : function(){
-			showError("<b> I'm Sorry.</b> I could not find that email address");
+			showError("I'm Sorry. I could not find that email address");
 		}
 	});
 
@@ -65,11 +40,11 @@ $(document).ready(function(){
 		a.html(m); a.show();			
 	}
 
-	function showSucess(m)
+	function showSuccess(m)
 	{
 		a.attr('class', 'alert alert-success');
 		a.html(m);
 		a.fadeIn(500);		
 	}
-
-})
+	
+});

app/js/signup.js

@@ -7,7 +7,7 @@ $(document).ready(function(){
 
 	$('#signupForm').ajaxForm({
 		beforeSubmit : function(formData, jqForm, options){
-			return true; //validateForm();
+			return validateForm();
 		},
 		success	: function(responseText, status, xhr, $form){
 			if (status == 'success') window.location.href = '/print';
@@ -22,6 +22,15 @@ $(document).ready(function(){
 			}
 		}
 	});
+	$('#signup-no').click(function(){ window.location.href = '/';})	
+
+// display errors in a modal window //
+
+	$('#signupErrors').modal({
+		show : false,
+		keyboard : true,
+		backdrop : true
+	});	
 
 	function validateForm()
 	{
@@ -68,14 +77,6 @@ $(document).ready(function(){
 			ul.empty();
 		for (var i=0; i < a.length; i++) ul.append('<li>'+a[i]+'</li>');
 		$('#signupErrors').modal('show');
-	}	
-
-// display errors in a modal window //	
-
-	$('#signupErrors').modal({
-		show : false,
-		keyboard : true,
-		backdrop : true
-	});
+	}
 
 })

app/modules/account-manager.js

@@ -11,6 +11,13 @@ AccountManager = function() {
 	this.collection = this.db.collection('accounts');
 };
 
+AccountManager.prototype.login = function(credentials, callback) {
+	this.collection.find( { $and : credentials } ).toArray(function(e, results) {
+		if (e) callback(e)
+		else callback(null, results)
+	});	
+}
+
 AccountManager.prototype.create = function(credentials, callback) {
 // append date stamp when record was created //	
 	credentials.date = new Date();
@@ -23,7 +30,7 @@ AccountManager.prototype.delete = function(id, callback) {
 
 AccountManager.prototype.lookup = function(o, callback){
 // function to search across multiple fields //	
-	console.log(o);
+	console.log('AccountManager.prototype.lookup : '+o);
 	this.collection.find( { $or : o } ).toArray(function(e, results) {
 		if (e) callback(e)
 		else callback(null, results)

app/modules/email-dispatcher.js

@@ -11,18 +11,32 @@ var server  = email.server.connect({
    	ssl		: true
 });
 
-module.exports.send = function(recipientAddress, callback)
+module.exports.send = function(credentials, callback)
 {
 	server.send({
-	   text:    "i hope this works", 
-	   from:    sendersAddress,
-	   to:      recipientAddress,
-	   subject: "hello!"
+	   from         : sendersAddress,
+	   to           : credentials.email,
+	   subject      : 'login credentials',
+	   text         : 'something went wrong... :(',
+       attachment   : drawEmail(credentials)
 	}, callback );
 }
 
-
 module.exports.test = function()
 {
 	console.log(sendersAddress);
+}
+
+function drawEmail(o)
+{
+    var html = "<html><body>"
+    html += "Hello "+o.name+",<br><br>"
+    html += "Here are your login credentials as you requested :<br><br>"
+    html += "<b>username : "+o.user+"</b><br>"
+    html += "<b>password : "+o.pass+"</b><br><br>"
+    html += "<a href='http://node-login.braitsch.io'>Click here to login</a><br><br>"
+    html += "Cheers,<br>"
+    html += "<a href='http://twitter.com/braitsch'>@braitsch</a><br><br>"
+    html += "</body></html>";
+    return  [{data:html, alternative:true}];
 }

app/router.js

@@ -28,16 +28,45 @@ module.exports = function(app) {
 // logged in user page //	
 
 	app.get('/home', function(req, res) {
-		res.render('home', { 
-			locals: {
-				title: 'Welcome',
-			}
-		});
+	    if (req.session.user == null){
+	        res.redirect('/');
+	    }   else{
+			res.render('home', {
+				locals: {
+					title : 'Control Panel',
+					udata : req.session.user
+				}
+			});
+	    }
+	});
+
+	app.post('/home', function(req, res){
+		if (req.param('logout') == 'true') {
+            req.session.destroy(function(e){
+                if (e == null){
+                    res.send('ok', 200);
+                }   else{
+                    res.send('unable to destory user session', 400);                    
+                }
+            });
+		}	else{
+            res.send('invalid request from client', 400);
+		}
 	});
 
 	function attemptLogin(req, res)
 	{
-		res.send('ok', 200);
+		AM.login([
+			{user : req.param('user')},
+			{pass : req.param('pass')}
+		], function(e, o){
+			if (o.length == 0){
+				res.send('invalid-credentials', 400);
+			}	else{
+			    req.session.user = o;
+				res.send(o, 200);
+			}
+		});
 	}
 
 	function getCredentials(req, res)
@@ -51,13 +80,12 @@ module.exports = function(app) {
 		});
 	}
 
-	function sendCredentials()
+	function sendCredentials(o, res)
 	{
-		EM.send(req.param('email'), function(err, msg){
-			console.log('err = '+err);
-			console.log(err || msg); 
+		EM.send(o, function(err, msg){
+	//		console.log('error = '+err, 'message = '+msg);
 		})
-		res.send('ok', 200);		
+		res.send('ok', 200);
 	}
 
 // creating new accounts //	

app/views/home.jade

@@ -1,13 +1,16 @@
+- user= udata[0]
+
 div.navbar.navbar-fixed-top
     div.navbar-inner
         div.container-fluid
             ul#global-nav.nav.pull-left
-                li.divider-vertical
-                a(href='#').brand Hello !            
-                li.divider-vertical
+                a(href='#').brand Control Panel
             button#btn-logout.btn.btn-primary
                 i.icon-lock.icon-white
                 | Sign Out
-
+
+#userData
+    p= 'Welcome :: '+ user.name +' , '+user.email+' , '+ user.country +' , '+ user.user +' , '+user.pass
+
 script(src='/vendor/jquery.min.js')
 script(src='/js/home.js')