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

Modify Login-Register-System

Browse Source
This commit is contained in:
VegaZ
2018-09-19 21:20:45 +02:00
parent 9ec0a30988
commit 3da8e4ec3a
5 changed files with 66 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
Client/Login/login.html
View File

@@ -1,15 +1,13 @@
<!--
* @overview Life of German Reallife - Login Login login.html
* @author Orangebox, VegaZ
* @author Orangebox, hydrant, VegaZ
* @copyright (c) 2008 - 2018 Life of German
*-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.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>
@@ -22,7 +20,7 @@
<div class="register-form form-l">
<input type="password" placeholder="Passwort" id="passwordInputRegister" />
<input type="password" placeholder="Passwort wiederholen" id="passwordRepeatInputRegister" />
<button id="registerBtn">Erstellen</button><br /><br />
<button id="registerBtn">Registrieren</button><br /><br />
<button class="quitBtn">Server verlassen</button>
<p class="message">Bereits registriert? <a href="#">Logg dich ein</a></p>
</div>
@@ -34,63 +32,8 @@
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
resourceCall("RequestDisplayname");
});
$('.message a').click(function () {
$('.form-l').animate({ height: "toggle", opacity: "toggle" }, "slow");
});
$('#registerBtn').click(function () {
var password = $('#passwordInputRegister').val();
var passwordRepeat = $('#passwordRepeatInputRegister').val();
if (password === "" || passwordRepeat === "") {
showError("Mindestens ein Passwort Feld ist leer!");
return;
}
if (password !== passwordRepeat) {
showError("Die beiden Passwörter stimmen nicht überein!")
return;
}
if (password.length < 8 || passwordRepeat.length < 8) {
showError("Das Passwort muss mindestens 8 Zeichen lang sein");
return;
}
resourceCall("Register", password, passwordRepeat);
});
$('#loginBtn').click(function () {
var password = $('#passwordInputLogin').val();
if (password === "") {
showError("Du musst ein Passwort angeben!");
return;
}
resourceCall("Login", password);
});
$('.quitBtn').click(function () {
resourceCall("Quit");
});
function showError(error) {
$('.isa_error').html(error);
$('.isa_error').slideDown();
}
function SendDisplayname(name) {
$("h2#playerName").text(name);
}
</script>
<script src="Dependences/jquery-3.3.1.min.js"></script>
<script src="Dependences/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="login.js" type="text/javascript"></script>
</body>
</html>

57
Client/Login/login.js
View File

@@ -4,18 +4,57 @@
* @copyright (c) 2008 - 2018 Life of German
*/
$('#loginBtn').click(() => {
$('.alert').remove(); //Remove any alerts when we attempt to login/register
mp.trigger('loginInformationToServer', $('#passwordInputLogin').val());
$('.message a').click(function () {
$('.form-l').animate({ height: "toggle", opacity: "toggle" }, "slow");
});
$('#registerBtn').click(() => {
$('.alert').remove(); //Remove any alerts when we attempt to login/register
if ($('#passwordInputRegister').val().length < 8) {
$('#registerBtn').click(function () {
var password = $('#passwordInputRegister').val();
var passwordRepeat = $('#passwordRepeatInputRegister').val();
mp.gui.chat.push(password.length);
if (password === "" || passwordRepeat === "") {
showError("Mindestens ein Passwort Feld ist leer!");
return;
}
else {
mp.trigger('registerInformationToServer', $('#passwordInputRegister').val());
if (password !== passwordRepeat) {
showError("Die beiden Passwörter stimmen nicht überein!")
return;
}
});
if (password.length < 8) {
showError("Das Passwort muss mindestens 8 Zeichen lang sein");
return;
}
mp.gui.chat.push(password.length);
mp.trigger('registerInformationToServer', password);
});
$('#loginBtn').click(function () {
var password = $('#passwordInputLogin').val();
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);
}

25
Client/Login/main.js
View File

@@ -6,34 +6,29 @@
let loginBrowser;
mp.events.add('loginInformationToServer', (username, password) => {
mp.events.add('loginInformationToServer', (password) => {
mp.events.callRemote('OnPlayerLogin', username, password);
mp.events.callRemote('OnPlayerLogin', password);
});
mp.events.add('registerInformationToServer', (username, password) => {
mp.events.callRemote('OnPlayerRegister', username, password);
mp.events.add('registerInformationToServer', (password) => {
mp.gui.chat.push("registerInformationToServer called");
mp.events.callRemote('OnPlayerRegister', password);
});
/*
mp.events.add('browserCreated', (browser) => {
mp.gui.chat.push("Browser created");
mp.gui.chat.activate(false);
mp.gui.cursor.show(true);
});
*/
mp.events.add('showLogin', (player) => {
mp.gui.chat.push("show login");
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);
player.outputChatBox("Erfolgreich registriert");
mp.gui.cursor.show(false);
mp.gui.cursor.visible = false;
mp.gui.chat.push("Erfolgreich registriert.");
});