From 80b20fe877db2a139db6d4a916681f44a8afc928 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian.lam@gmail.com>
Date: Mon, 13 May 2013 14:16:33 -0400
Subject: [PATCH] adding alternate logins to register page

---
 public/templates/login.tpl    |  2 +-
 public/templates/register.tpl | 34 +++++++++++++++++++++++++---------
 src/webserver.js              | 22 ++++++++++++++++++++++
 3 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/public/templates/login.tpl b/public/templates/login.tpl
index ec2747c468..875e4760bd 100644
--- a/public/templates/login.tpl
+++ b/public/templates/login.tpl
@@ -23,8 +23,8 @@
 </div>
 
 <script>
+	// Alternate Logins
 	var altLoginEl = document.querySelector('.alt-logins');
-
 	altLoginEl.addEventListener('click', function(e) {
 		if (e.target.nodeName === 'LI') {
 			document.location.href = e.target.getAttribute('data-url');
diff --git a/public/templates/register.tpl b/public/templates/register.tpl
index f7ed2e9c4d..b21f73a333 100644
--- a/public/templates/register.tpl
+++ b/public/templates/register.tpl
@@ -1,13 +1,21 @@
-<!-- START Register Template -->
-
 <h1>Register</h1>
-<div class="well">
-	<form method="post" action="/register">
-		<label for="email">Email Address</label><input type="email" name="email" placeholder="Enter Email Address" id="email" /> <span id="email-notify" class="label label-important"></span> <br />
-		<label for="username">Username</label><input type="text" name="username" placeholder="Enter Username" id="username" /> <span id="username-notify" class="label label-success"></span> <br />
-		<label for="password">Password</label><input type="password" name="password" placeholder="Enter Password" id="password" /><br />
-		<button class="btn btn-primary" id="register" type="submit">Register Now</button>
-	</form>
+<div class="row-fluid">
+	<div class="well {register_window:spansize}">
+		<form method="post" action="/register">
+			<label for="email">Email Address</label><input type="email" name="email" placeholder="Enter Email Address" id="email" /> <span id="email-notify" class="label label-important"></span> <br />
+			<label for="username">Username</label><input type="text" name="username" placeholder="Enter Username" id="username" /> <span id="username-notify" class="label label-success"></span> <br />
+			<label for="password">Password</label><input type="password" name="password" placeholder="Enter Password" id="password" /><br />
+			<button class="btn btn-primary" id="register" type="submit">Register Now</button>
+		</form>
+	</div>
+	<div class="well span6 {alternate_logins:display}">
+		<h4>Alternative Logins</h4>
+		<ul class="alt-logins">
+			<li data-url="/auth/twitter" class="twitter {twitter:display}"></li>
+			<li data-url="/auth/google" class="google {google:display}"></li>
+			<li data-url="/auth/facebook" class="facebook {facebook:display}"></li>
+		</ul>
+	</div>
 </div>
 <script type="text/javascript">
 (function() {
@@ -47,5 +55,13 @@
 			email_notify.innerHTML = '';
 		}
 	});
+
+	// Alternate Logins
+	var altLoginEl = document.querySelector('.alt-logins');
+	altLoginEl.addEventListener('click', function(e) {
+		if (e.target.nodeName === 'LI') {
+			document.location.href = e.target.getAttribute('data-url');
+		}
+	});
 }());
 </script>
\ No newline at end of file
diff --git a/src/webserver.js b/src/webserver.js
index ac18f782af..7b8b8613d9 100644
--- a/src/webserver.js
+++ b/src/webserver.js
@@ -122,6 +122,28 @@ var express = require('express'),
 						}
 					}
 
+					res.send(JSON.stringify(data));
+				break;
+			case 'register' :
+					var data = {},
+						login_strategies = auth.get_login_strategies(),
+						num_strategies = login_strategies.length;
+
+					if (num_strategies == 0) {
+						data = {
+							'register_window:spansize': 'span12',
+							'alternate_logins:display': 'none'
+						};	
+					} else {
+						data = {
+							'register_window:spansize': 'span6',
+							'alternate_logins:display': 'block'
+						}
+						for (var i=0, ii=num_strategies; i<ii; i++) {
+							data[login_strategies[i] + ':display'] = 'active';
+						}
+					}
+
 					res.send(JSON.stringify(data));
 				break;
 			case 'topic' :