<div id="PanelModalContainer" class="modal fade target_LoginModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <strong class="modal-title">Login </strong> <button type="button" class="close" onclick=" familyPortal.HideModal('.modal') " aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <div class="col-12"> <div id="result" class="alert alert-danger" role="alert" style="display: none;">Es ist ein Fehler aufgetreten</div> </div> <div class="col-12 mt-4 mb-2"> <label class="sr-only" for="EmailText">E-Mail</label> <div class="input-group input-group-lg"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="c-icon-user"></i> </div> </div> <input type="text" id="EmailText" class="form-control txtEmailJS" placeholder="E-Mail"/> </div> </div> <div class="col-12 my-2"> <label class="sr-only" for="PasswordText">Passwort</label> <div class="input-group input-group-lg"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="c-icon-lock"></i> </div> </div> <input type="password" id="PasswordText" class="form-control txtPasswordJS" placeholder="Passwort"/> </div> </div> <div class="col-12 text-center mt-2"> <div class="form-check"> <input type="checkbox" id="CheckBoxRememberMe" name="remember" class="form-check-input"/> <label class="form-check-label" for="CheckBoxRememberMe"> Angemeldet bleiben </label> </div> </div> <div class="col-12 text-center mb-4"> <a href="/password-reset">Passwort vergessen?</a> </div> <div class="col-12 mt-4 mb-2"> <div class="h2"> Noch kein Konto? </div> <a href="/register?returnUrl=%2fcontent%2fUser%2fLoginForm" target="_self" class="btn btn-secondary">Jetzt registrieren</a> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" onclick=" familyPortal.HideModal('.modal') ">Abbrechen</button> <button type="submit" name="buttonSave" id="loginButton" class="btn btn-secondary" onclick=" tryLogin();return false; ">Anmelden</button> </div> <script> $(document).ready(function() { familyPortal.defaultButton(".target_LoginModal", "#loginButton"); }); function tryLogin() { var email = $('#EmailText').val(); var password = $('#PasswordText').val(); var remember; if (document.getElementById('CheckBoxRememberMe').checked) { remember = true; } else { remember = false; } $.ajax({ type: 'POST', url: '/content/user/LoginUser', data: '{"email":"' + email + '", "password":"' + password + '", "remember":"' + remember + '"}', contentType: "application/json; charset=utf-8", dataType: "json", async: false, success: function(response) { str = JSON.stringify(response); str = JSON.stringify(response, null, 4); // (Optional) beautiful indented output. if (response.message !== "" && response.message.indexOf("<") !== -1) { if ($(".sso-cookies")) $(".sso-cookies").html(response.message); } if (response.html !== "") { if ($(".sso-cookies")) $(".sso-cookies").html(response.html); } if (response != null) { if (response.success) { if (response.html !== "") { setTimeout("location.reload()", 100); } else { location.reload(); } } else { if (response.message != undefined) { if (response.message !== '') { $("#result").show(); $("#result").html(response.message); } } } } $("#ButtonLogin").unbind(); }, error: function(response) { str = JSON.stringify(response); str = JSON.stringify(response, null, 4); // (Optional) beautiful indented output. $("#result").show(); $("#result").html('Fehler'); } }); } </script> </div> </div> </div>