Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-25 21:39:21 +00:00
Code Issues Projects Releases Wiki Activity

Add login link on create account page

Browse Source
This commit is contained in:
Pierre 2018-04-11 15:56:55 +02:00
parent b61b27736c
commit 71932197fa
3 changed files with 64 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/pages/createAccount.css
View File

@ -27,4 +27,9 @@
.create-account-form .submit-form {
text-align: center;
}
.create-account-form .bottom-form-links {
text-align: center;
margin-top: 15px;
}

18
assets/js/pages/createAccount.js
View File

@ -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(){

75
assets/templates/pages/login/loginPage.tpl
View File

@ -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>