aswi2021mr-proper-gitlab/application/view/modals/loginModal.html @ 91ae594f

<div id="login-modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Přihlásit se</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-5">
                            <label for="nick">Přihlašovací jméno</label>
                        </div>
                        <div class="col-xs-12 col-sm-7">
                            <input type="text" id="nick">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-5">
                            <label for="password">Heslo</label>
                        </div>
                        <div class="col-xs-12 col-sm-7">
                            <input type="password" id="password">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="login()">Přihlásit se</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Zavřít</button>
            </div>
        </div>
    </div>
</div>

<script>
    function login(){
        var data = new FormData();
        data.append("username", document.getElementById('nick').value);
        data.append("password", document.getElementById('password').value);
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "controller/LoginController.php");
        xhr.onload = function(){
            if(this.response == 'Incorrect username and/or password!'){ //login was not successful, show modal
                $("#invalid-login-modal").modal("show");
            }else{ //login was successful, refresh page to apply changes in visible items
                location.reload();
            }
        };
        xhr.send(data);

        return false;
    }

</script>