Changed login design, moved all db entities to Entities folder

ReallifeGamemode.Client/assets/js/login/script.js

@@ -1,40 +1,103 @@
-/**
- * @overview Life of German Reallife - Login Login login.js
- * @author VegaZ
- * @copyright (c) 2008 - 2018 Life of German
- */
+var playerName = undefined;
+var errorShown = false;
 
-function registerPlayer() {
-   
-    var password = document.getElementById("passwordInputRegister").value;
-    var passwordRepeat = document.getElementById("passwordRepeatInputRegister").value;
 
-    if(password === "" || passwordRepeat === "") {
-        showError("Mindestens ein Passwort Feld ist leer!");
-        return;
-    }
+$(document).ready(_ => {
+    mp.trigger("CEF:Login_RequestPlayerName");
 
-    if (password !== passwordRepeat) {
-        showError("Die beiden Passwörter stimmen nicht überein!");
-        return;
-    }
+    $('.form').find('input, textarea').on('keyup blur focus', function (e) {
 
-    if (password.length < 8) {
-        showError("Das Passwort muss mindestens 8 Zeichen lang sein");
-        return;
-    }
-    $('.isa_error').hide();
-    mp.trigger("registerInformationToServer", password);
+        var $this = $(this),
+            label = $this.prev('label');
+
+        if (e.type === 'keyup') {
+            if ($this.val() === '') {
+                label.removeClass('active highlight');
+            } else {
+                label.addClass('active highlight');
+            }
+        } else if (e.type === 'blur') {
+            if ($this.val() === '') {
+                label.removeClass('active highlight');
+            } else {
+                label.removeClass('highlight');
+            }
+        } else if (e.type === 'focus') {
+
+            if ($this.val() === '') {
+                label.removeClass('highlight');
+            }
+            else if ($this.val() !== '') {
+                label.addClass('highlight');
+            }
+        }
+
+    });
+
+    $('.tab a').on('click', function (e) {
+
+        e.preventDefault();
+
+        $(this).parent().addClass('active');
+        $(this).parent().siblings().removeClass('active');
+
+        target = $(this).attr('href');
+
+        $('.tab-content > div').not(target).hide();
+        $(target).fadeIn(600);
+
+    });
+
+    $('#form-login').on('submit', e => {
+
+        e.preventDefault();
+
+        var username = $("#login-username").val();
+        var password = $("#login-password").val();
+
+        if (password.trim().length === 0 || username.trim().length === 0) {
+            showError("Alle Felder müssen <b>ausgefüllt</b< werden");
+            return;
+        }
+        
+        mp.trigger('CEF:Login_LoginRequest', username, password);
+    });
+
+    $('#form-register').on('submit', e => {
+
+        e.preventDefault();
+
+        var username = $("#register-username").val();
+        var password = $("#register-password-first").val();
+        var passwordRepeat = $("#register-password-second").val();
+
+        if (password.trim().length === 0 || username.trim().length === 0 || passwordRepeat.trim().length === 0) {
+            showError("Alle Felder müssen <b>ausgefüllt</b< werden");
+            return;
+        }
+
+        if (password !== passwordRepeat) {
+            showError("Beide <b>Passwörter</b> müssen <b>übereinstimmen</b>");
+            return;
+        }
+
+        mp.trigger('CEF:Login_RegisterRequest', username, password, passwordRepeat);
+    });
+});
+
+function setPlayerName(name) {
+    playerName = name;
+    $(".input-username").val(playerName);
+    $(".input-username").prev("label").addClass("active");
 }
 
-function loginPlayer() {
-    
-    let password = document.getElementById("passwordInputLogin").value;
-
-    if (password === "") {
-        showError("Du musst ein Passwort angeben!");
-        return;
+function showError(error) {
+    $("#error-field p").html(error);
+    if (errorShown) {
+        $("#error-field").effect("shake", null, 500);
+    } else {
+        $("#error-field").slideDown();
     }
-    $('.isa_error').hide();
-    mp.trigger("loginInformationToServer", password);
+
+    errorShown = true;
 }