144 lines
No EOL
3.8 KiB
HTML
144 lines
No EOL
3.8 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="bootstrap.min.css">
|
|
<link rel="stylesheet" href="custom.css">
|
|
</head>
|
|
<body>
|
|
<div class="pagePanel" id="mainPage">
|
|
<div class="col-md-12">
|
|
<div class="newPanel">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
</div>
|
|
</div>
|
|
<div class="newSpacer"></div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h5>Wilkommen auf RPGerman Reallife, logge dich ein.</h4>
|
|
</div>
|
|
</div>
|
|
<div class="newSpacer"></div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<button onclick="showExistingUser()" class="btn btn-info col-md-5">Einloggen</button>
|
|
<button onclick="showNewUser()" class="btn btn-info col-md-5 col-md-offset-2">Neuer Benutzer</button>
|
|
</div>
|
|
</div>
|
|
<div class="newSpacer"></div>
|
|
<div class="row">
|
|
<div class="col-md-12" id="existingUser">
|
|
<input type="password" class="form-control" id="inputPassword" placeholder="Password">
|
|
<div class="newSpacer"></div>
|
|
<button onclick="parseLogin()" class="btn btn-info col-md-12">Login</button>
|
|
</div>
|
|
<div class="col-md-12" id="newUser" hidden>
|
|
<input type="password" class="form-control" id="inputNewPassword" placeholder="Password">
|
|
<div class="newSpacer"></div>
|
|
<input type="password" class="form-control" id="inputNewPasswordTwo" placeholder="Password Wiederholung">
|
|
<div class="newSpacer"></div>
|
|
<button onclick="parseRegister()" class="btn btn-info col-md-12">Registrieren</button>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="newSpacer"></div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div id="loaderAlert" class="col-md-4 col-md-offset-4 loader" hidden></div>
|
|
<div id="loginFailedAlert" class="col-md-12 alert alert-danger" role="alert" hidden>Oops, irgendetwas funktioniert nicht wie es soll.</div>
|
|
<div id="registerFailedAlert" class="col-md-12 alert alert-danger" role="alert" hidden>Login fehlgeschlagen.</div>
|
|
<div id="registerSuccessAlert" class="col-md-12 alert alert-success" role="alert" hidden>Login fehlgeschlagen.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="jquery.js"></script>
|
|
<script src="bootstrap.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
});
|
|
|
|
$("#mainPage").keydown(function(e) {
|
|
if (e.which == 13) {
|
|
|
|
}
|
|
});
|
|
|
|
function parseLogin()
|
|
{
|
|
hideAlerts()
|
|
var password = $('#inputPassword').val();
|
|
$("#existingUser").hide();
|
|
$("#loaderAlert").show();
|
|
|
|
if (password.length > 1) {
|
|
resourceCall("tryToLogin", "null", password);
|
|
return;
|
|
}
|
|
|
|
$("#loaderAlert").hide();
|
|
$("#loginFailedAlert").show();
|
|
}
|
|
|
|
function parseRegister()
|
|
{
|
|
hideAlerts();
|
|
var password = $('#inputNewPassword').val();
|
|
var password2 = $('#inputNewPasswordTwo').val();
|
|
$("#existingUser").hide();
|
|
$("#loaderAlert").show();
|
|
|
|
if (password !== password2) {
|
|
return;
|
|
}
|
|
|
|
resourceCall("tryToRegister", "null", password);
|
|
return;
|
|
|
|
$("#loaderAlert").hide();
|
|
$("#registerFailedAlert").show();
|
|
}
|
|
|
|
function showExistingUser()
|
|
{
|
|
$("#existingUser").show();
|
|
$("#newUser").hide();
|
|
}
|
|
|
|
function showNewUser()
|
|
{
|
|
$("#newUser").show();
|
|
$("#existingUser").hide();
|
|
}
|
|
|
|
function loginFailed()
|
|
{
|
|
$("#loginFailedAlert").show();
|
|
$("#loaderAlert").hide();
|
|
$("#existingUser").show();
|
|
}
|
|
|
|
function registerFailed()
|
|
{
|
|
$("#registerFailedAlert").show();
|
|
$("#loaderAlert").hide();
|
|
$("#newUser").show();
|
|
}
|
|
|
|
function registerSuccess()
|
|
{
|
|
$("#registerSuccessAlert").show();
|
|
}
|
|
|
|
function hideAlerts() {
|
|
$("#loaderAlert").hide();
|
|
$("#registerFailedAlert").hide();
|
|
$("#loginFailedAlert").hide();
|
|
$("#registerSuccessAlert").hide();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |