Add Login CEF

2018-09-18 21:09:10 +02:00
parent 7cafc4d66b
commit d8c10410ab
27 changed files with 10356 additions and 2 deletions
--- a/Client/Login/login.html
+++ b/Client/Login/login.html
@@ -0,0 +1,93 @@
+<!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>
+</head>
+
+<body>
+    <div class="login-page" style="padding: 10% 0 0;">
+        <div class="form">
+            <h2 id="playerName"></h2>
+            <div class="isa_error">
+                ERROR TEXT
+            </div>
+            <div class="register-form form-l">
+                <input type="text" placeholder="Benutzername" id="usernameInputRegister" />
+                <input type="password" placeholder="Passwort" id="passwordInputRegister" />
+                <input type="password" placeholder="Passwort wiederholen" id="passwordRepeatInputRegister" />
+                <button id="registerBtn">Erstellen</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="text" placeholder="Benutzername" id="usernameInputLogin" />
+                <input type="password" placeholder="Passwort" id="passwordInputLogin" />
+                <button id="loginBtn">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 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) {
+                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="login.js" type="text/javascript"></script>
+</body>
+</html>