From 71932197fafbdc28c4f2cd1be80c02811e3bd963 Mon Sep 17 00:00:00 2001
From: Pierre <pierre@hubert.fr>
Date: Wed, 11 Apr 2018 15:56:55 +0200
Subject: [PATCH] Add login link on create account page

---
 assets/css/pages/createAccount.css         |  5 ++
 assets/js/pages/createAccount.js           | 18 ++++++
 assets/templates/pages/login/loginPage.tpl | 75 ++++++++++++----------
 3 files changed, 64 insertions(+), 34 deletions(-)

diff --git a/assets/css/pages/createAccount.css b/assets/css/pages/createAccount.css
index 821feaa1..5eae3f96 100644
--- a/assets/css/pages/createAccount.css
+++ b/assets/css/pages/createAccount.css
@@ -27,4 +27,9 @@
 
 .create-account-form .submit-form {
 	text-align: center;
+}
+
+.create-account-form .bottom-form-links {
+	text-align: center;
+	margin-top: 15px;
 }
\ No newline at end of file
diff --git a/assets/js/pages/createAccount.js b/assets/js/pages/createAccount.js
index f19d53e5..dc6702e1 100644
--- a/assets/js/pages/createAccount.js
+++ b/assets/js/pages/createAccount.js
@@ -106,6 +106,24 @@ ComunicWeb.pages.createAccount = {
 			innerHTML: "Create the account"
 		});
 
+		//Add bottom links area
+		var bottomLinks = createElem2({
+			appendTo: formRoot,
+			type: "div",
+			class: "bottom-form-links"
+		});
+
+		//Create a link to redirect to the login page
+		var loginLink = createElem2({
+			appendTo: bottomLinks,
+			type: "a",
+			innerHTML: "Login with an existing account"
+		});
+		loginLink.onclick = function(){
+			openPage("login");
+		}
+
+
 		//Make the form lives
 		submitButton.onclick = function(){
 
diff --git a/assets/templates/pages/login/loginPage.tpl b/assets/templates/pages/login/loginPage.tpl
index aa993713..6715d276 100644
--- a/assets/templates/pages/login/loginPage.tpl
+++ b/assets/templates/pages/login/loginPage.tpl
@@ -1,40 +1,47 @@
 <!-- Login form -->
 <div class="login-box">
-  <div class="login-logo">
-    <a target="home"><b>Comunic</b></a>
-  </div>
-  <div class="login-box-body">
+	<div class="login-logo">
+		<a target="home"><b>Comunic</b></a>
+	</div>
+	<div class="login-box-body">
 
-    <!-- Login message -->
-    <p class="login-box-msg">{login_top_msg}</p>
+		<!-- Login message -->
+		<p class="login-box-msg">{login_top_msg}</p>
 
-    <!-- Optionnal messages target -->
-    <div id="loginMessagesTarget"></div>
+		<!-- Optionnal messages target -->
+		<div id="loginMessagesTarget"></div>
 
-    <form id="loginForm" action="javascript:(function(){})();">
-      <div class="form-group has-feedback">
-        <input type="email" class="form-control" placeholder="{email}" id="usermail" />
-        <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
-      </div>
-      <div class="form-group has-feedback">
-        <input type="password" class="form-control" placeholder="{password}" id="userpassword" />
-        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
-      </div>
-      <div class="row">
-        <div class="col-xs-8">
-          <div class="checkbox icheck">
-            <label>
-              <input type="checkbox" id="rememberLogin" checked /> {_login_page_remember_me}
-            </label>
-          </div>
-        </div>
-        <!-- /.col -->
-        <div class="col-xs-4">
-          <button type="submit" class="btn btn-primary btn-block btn-flat btn-login">{sign_in}</button>
-        </div>
-        <!-- /.col -->
-      </div>
-    </form>
-  </div>
-  <!-- /.login-box-body -->
+		<form id="loginForm" action="javascript:(function(){})();">
+			<div class="form-group has-feedback">
+				<input type="email" class="form-control" placeholder="{email}" id="usermail" />
+				<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
+			</div>
+			<div class="form-group has-feedback">
+				<input type="password" class="form-control" placeholder="{password}" id="userpassword" />
+				<span class="glyphicon glyphicon-lock form-control-feedback"></span>
+			</div>
+			<div class="row">
+				<div class="col-xs-8">
+					<div class="checkbox icheck">
+						<label>
+							<input type="checkbox" id="rememberLogin" checked /> {_login_page_remember_me}
+						</label>
+					</div>
+				</div>
+				<!-- /.col -->
+
+				<!-- Submit button -->
+				<div class="col-xs-4">
+					<button type="submit" class="btn btn-primary btn-block btn-flat btn-login">{sign_in}</button>
+				</div>
+
+				<!-- /.col -->
+			</div>
+		</form>
+
+		<!-- Create an account -->
+		<a target="create_account">Create an account</a>
+		
+	</div>
+	<!-- /.login-box-body -->
 </div>