73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
{{define "register"}}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Registration</title>
|
|
|
|
{{template "head"}}
|
|
|
|
<script>
|
|
function checkPasswordMatchUi() {
|
|
if(checkPasswordMatch())
|
|
$("#divCheckPasswordMatch").html("Passwords match.");
|
|
else
|
|
$("#divCheckPasswordMatch").html("Passwords do not match!");
|
|
}
|
|
|
|
function checkPasswordMatch() {
|
|
var password = $("#password").val();
|
|
var confirmPassword = $("#password_confirm").val();
|
|
|
|
return password == confirmPassword;
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$("#password, #password_confirm").keyup(checkPasswordMatchUi);
|
|
$('#invalidCredentials').hide();
|
|
$('#loginForm').ajaxForm({
|
|
beforeSubmit: function(a, b, c) {
|
|
var match = checkPasswordMatch();
|
|
if(!match){
|
|
$("#divCheckPasswordMatch").fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
|
|
}
|
|
return match;
|
|
},
|
|
success: function() {
|
|
window.location.href = "/api/v1/restricted";
|
|
},
|
|
error: function() {
|
|
$('#invalidCredentials').show();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="container" id="head">
|
|
Budgeteer
|
|
</div>
|
|
<div class="container col-lg-12" id="content">
|
|
<form id="loginForm" action="/api/v1/login" method="POST" class="center-block">
|
|
<label for="email">E-Mail</label>
|
|
<input type="text" name="email" /><br />
|
|
|
|
<label for="name">Name</label>
|
|
<input type="text" name="name" /><br />
|
|
|
|
<label for="password">Password</label>
|
|
<input type="password" name="password" id="password" /><br />
|
|
|
|
<label for="password">Verify Password</label>
|
|
<input type="password" id="password_confirm" />
|
|
<span id="divCheckPasswordMatch"></span><br />
|
|
|
|
<div id="invalidCredentials">
|
|
Username already exists
|
|
</div>
|
|
|
|
<input type="submit" value="Login" />
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}} |