aviate/reallife-gamemode
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed login design, moved all db entities to Entities folder

Browse Source
This commit is contained in:
hydrant
2019-03-07 15:55:08 +01:00
parent be82292ab7
commit 04ed4bc322
24 changed files with 466 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
ReallifeGamemode.Client/assets/html/login/index.html
View File

@@ -1,51 +1,89 @@
<!--
* @overview Life of German Reallife - Client Login login.html
* @author Orangebox, hydrant, VegaZ
* @copyright (c) 2008 - 2018 Life of German
*-->
<!DOCTYPE html>
<html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="package://assets/css/login/style.css" />
<link rel="stylesheet" href="package://assets/css/jquery-ui.min.css" />
<meta charset="utf-8" />
</head>
<body>
<div class="login-page" style="padding: 10% 0 0;">
<div class="form">
<div class="isa_error">
ERROR TEXT
</div>
<div class="register-form form-l">
<input type="password" placeholder="Passwort" id="passwordInputRegister" />
<input type="password" placeholder="Passwort wiederholen" id="passwordRepeatInputRegister" />
<button id="registerBtn" onclick="registerPlayer()";>Registrieren</button><br /><br />
<button class="quitBtn">Server verlassen</button>
<p class="message">Bereits registriert? <a href="#">Logg dich ein</a></p>
</div>
<div class="login-form form-l">
<input type="password" placeholder="Passwort" id="passwordInputLogin" />
<button id="loginBtn" onclick="loginPlayer()">Einloggen</button><br /><br />
<button class="quitBtn">Server verlassen</button>
<p class="message">Nicht registriert? <a href="#">Erstelle einen Account</a></p>
<div class="form">
<ul class="tab-group">
<li class="tab active"><a href="#login">Anmelden</a></li>
<li class="tab"><a href="#signup">Registrieren</a></li>
</ul>
<div class="ui-widget" id="error-field">
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
<p>
</p>
</div>
</div>
</div>
<script src="package://assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(".message a").click(() => {
$(".form-l").animate({ height: "toggle", opacity: "toggle" }, "slow");
});
$(".quitBtn").click(() => {
resourceCall("Quit");
});
<div class="tab-content">
<div id="login">
<h1>Wilkommen zurück</h1>
function showError(error) {
$(".isa_error").html(error.toString());
$(".isa_error").slideDown();
}
</script>
<script src="package://assets/js/login/script.js" type="text/javascript"></script>
<form id="form-login">
<div class="field-wrap">
<label>
Benutzername<span class="req">*</span>
</label>
<input type="text" id="login-username" class="input-username" required autocomplete="off" />
</div>
<div class="field-wrap">
<label>
Passwort<span class="req">*</span>
</label>
<input type="password" id="login-password" required autocomplete="off" />
</div>
<p class="forgot"><a href="#">Passwort vergessen?</a></p>
<button class="button button-block">Anmelden</button>
</form>
</div>
<div id="signup">
<h1>Kostenlos registrieren</h1>
<form id="form-register">
<div class="field-wrap">
<label>
Benutzername<span class="req">*</span>
</label>
<input type="text" id="register-username" class="input-username" required autocomplete="off" />
</div>
<div class="field-wrap">
<label>
Passwort<span class="req">*</span>
</label>
<input type="password" id="register-password-first" required autocomplete="off" />
</div>
<div class="field-wrap">
<label>
Passwort wiederholen<span class="req">*</span>
</label>
<input type="password" id="register-password-second" required autocomplete="off" />
</div>
<button type="submit" class="button button-block">Registrieren</button>
</form>
</div>
</div><!-- tab-content -->
</div> <!-- /form -->
<script type="text/javascript" src="package://assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="package://assets/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="package://assets/js/login/script.js"></script>
</body>
</html>