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

Modify Login/Register-System (almost working)

Browse Source
This commit is contained in:
VegaZ
2018-09-20 18:35:50 +02:00
parent 3da8e4ec3a
commit 21d597ae5e
4 changed files with 94 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Client/Login/login.html
View File

@@ -7,7 +7,11 @@
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="Dependences/bootstrap-3.3.7/css/bootstrap.min.css">
<script src="Dependences/jquery-3.3.1.min.js"></script>
<script src="Dependences/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
@@ -20,20 +24,36 @@
<div class="register-form form-l">
<input type="password" placeholder="Passwort" id="passwordInputRegister" />
<input type="password" placeholder="Passwort wiederholen" id="passwordRepeatInputRegister" />
<button id="registerBtn">Registrieren</button><br /><br />
<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">Einloggen</button><br /><br />
<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>
</div>
</div>
<script src="Dependences/jquery-3.3.1.min.js"></script>
<script src="Dependences/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(".message a").click(function () {
$(".form-l").animate({ height: "toggle", opacity: "toggle" }, "slow");
});
$(".quitBtn").click(() => {
resourceCall("Quit");
});
function showError(error) {
$(".isa_error").html(error);
$(".isa_error").slideDown();
}
function SendDisplayname(name) {
$("h2#playerName").text(name);
}
</script>
<script src="login.js" type="text/javascript"></script>
</body>
</html>

46
Client/Login/login.js
View File

@@ -4,17 +4,12 @@
* @copyright (c) 2008 - 2018 Life of German
*/
function registerPlayer() {
var password = document.getElementById("passwordInputRegister");
var passwordRepeat = document.getElementById("passwordRepeatInputRegister");
$('.message a').click(function () {
$('.form-l').animate({ height: "toggle", opacity: "toggle" }, "slow");
});
$('#registerBtn').click(function () {
var password = $('#passwordInputRegister').val();
var passwordRepeat = $('#passwordRepeatInputRegister').val();
mp.gui.chat.push(password.length);
if (password === "" || passwordRepeat === "") {
if(password === "" || passwordRepeat === "") {
showError("Mindestens ein Passwort Feld ist leer!");
return;
}
@@ -23,38 +18,23 @@ $('#registerBtn').click(function () {
showError("Die beiden Passwörter stimmen nicht überein!")
return;
}
if (password.length < 8) {
showError("Das Passwort muss mindestens 8 Zeichen lang sein");
return;
}
$('.isa_error').hide();
mp.trigger("registerInformationToServer", password);
}
mp.gui.chat.push(password.length);
mp.trigger('registerInformationToServer', password);
});
$('#loginBtn').click(function () {
function loginPlayer() {
var password = $('#passwordInputLogin').val();
let password = document.getElementById("passwordInputLogin");
if (password === "") {
showError("Du musst ein Passwort angeben!");
return;
}
mp.trigger('loginInformationToServer', password);
});
$('.quitBtn').click(function () {
resourceCall("Quit");
});
function showError(error) {
$('.isa_error').html(error);
$('.isa_error').slideDown();
}
function SendDisplayname(name) {
$("h2#playerName").text(name);
$('.isa_error').hide();
mp.trigger("loginInformationToServer", password);
}

40
Client/Login/main.js
View File

@@ -4,7 +4,11 @@
* @copyright (c) 2008 - 2018 Life of German
*/
let loginBrowser;
var loginBrowser;
loginBrowser = mp.browsers.new('package://Login/login.html');
mp.gui.chat.activate(false);
mp.gui.cursor.show(true);
mp.events.add('loginInformationToServer', (password) => {
@@ -13,22 +17,38 @@ mp.events.add('loginInformationToServer', (password) => {
});
mp.events.add('registerInformationToServer', (password) => {
mp.gui.chat.push("registerInformationToServer called");
mp.events.callRemote('OnPlayerRegister', password);
});
mp.events.add('showLogin', (player) => {
loginBrowser = mp.browsers.new('package://Login/login.html');
mp.events.add('showLogin',() => {
loginBrowser = mp.browsers.new('package://Login/login.html');
mp.gui.cursor.show(true);
mp.gui.cursor.visible = true;
});
mp.events.add('registerSuccess', (player) => {
loginBrowser.destroy();
mp.gui.chat.activate(true);
mp.events.add('registerSuccess', () => {
mp.gui.chat.push("Erfolgreich registriert!")
if (loginBrowser)
{
loginBrowser.destroy();
}
mp.gui.cursor.show(false);
mp.gui.cursor.visible = false;
mp.gui.chat.push("Erfolgreich registriert.");
mp.gui.chat.activate(true);
});
mp.events.add('loginSuccess', () => {
mp.gui.chat.push("Erfolgreich eingeloggt!")
if (loginBrowser)
{
loginBrowser.destroy();
}
mp.gui.cursor.show(false);
mp.gui.chat.activate(true);
});
mp.events.add('loginFail', (reason) => {
mp.gui.chat.push(reason);
});