Untitled

<!DOCTYPE html>
<!-- saved from url=(0033)https://www.dreambox-ws.com/login -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Dreambox</title>
    <!-- Required meta tags -->


    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="No-Cache">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Add -->
    <meta id="_csrf" name="_csrf" content="c13bbde6-4d30-475f-9f25-ebb5be828e63">
    <meta id="_csrf_header" name="_csrf_header" content="X-XSRF-TOKEN">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="./Dreambox_files/import.min.css">
    <link rel="stylesheet" href="./Dreambox_files/main.css">
    <link rel="shortcut icon" href="https://www.dreambox-ws.com/assets/img/favicon.ico">

    <!-- main script -->
    <script src="./Dreambox_files/jquery.min.js.download"></script>
    <script src="./Dreambox_files/bootstrap.min.js.download"></script>
    <link rel="stylesheet" href="./Dreambox_files/bootstrap.min.css">
    <!-- Main CSS -->
    <link rel="stylesheet" href="./Dreambox_files/main.css">

    <style type="text/css">
        .map-area {
            width: 400px;
            margin: 0 auto;
        }

        .map-area ul {
            padding-top: 30px;
            padding-left: 30px;
            margin: 0px;
        }

        .map-area ul li {
            list-style: none;
            display: inline-block;
        }
        .header__box {
            width: 50%;
            height: 100vh;
            background: #fff;
            padding-top: 180px;
        }
    </style>

</head>
<body>
<header class="header" id="header">
    <div class="container-fluid container-fluid_plain">
        <div class="row no-gutters">
            <div class="col-lg-12">
                <input id="msg" name="msg" type="hidden" value="none">
                <input id="otpStatus" type="hidden" name="otpStatus">
                <div class="header__box">
                     <div class="form__case">
                            <img src="./Dreambox_files/logo.png" alt="" class="form__logo">
                            <h1 class="form__title">
                                <span>Dream</span> box
                            </h1>
                        </div>
                        <p class="form__text">
                            Welcome back! Please login to your account
                        </p>
                    <form class="form" id="loginForm" action="https://www.dreambox-ws.com/j_spring_security_check" method="post"><input type="hidden" name="_csrf" value="c13bbde6-4d30-475f-9f25-ebb5be828e63">
                        <div class="form__dom">
                            <input type="text" id="email" name="email" class="form__input" placeholder="Email">
                            <input type="password" id="pwd" name="pwd" class="form__input" placeholder="Password">
                            <div class="form__box">
                                <div class="form__checked">
                                    <input type="checkbox" class="form__check" id="remember-me" name="check[]" value="Remember me">
                                    <p class="form__word">
                                        Remember me
                                    </p>
                                </div>
                                <a href="https://www.dreambox-ws.com/forgot_pass" class="form__link">
                                    Forgot password
                                </a>
                            </div>
                            <div id="otpArea" class="col-lg-12 form-check mb-4 float-left " style="display:none">
                                <span>If you are using Google Authenticator, please enter the Google Authenticator Code below.</span>
                                <input type="text" class="form-control mb-4" placeholder="Google Authenticator Code" name="optcode">
                            </div>
                            <div class="form__block">
                                <button id="loginBtnId" class="form__btn form__btn_b" style="cursor:pointer" type="button">Log-in</button>

                                <a href="https://www.dreambox-ws.com/regist" style="cursor:pointer" class="form__btn">
                                    Signup
                                </a>
                            </div>
                        </div>
                    </form>
                    <div class="map-area">
                        <ul>
                            <li><a href="https://www.dreambox-ws.com/users?language=en_US"><img src="assets/img/United_States_of_America.png">US</a></li>
                            <li><a href="https://www.dreambox-ws.com/users?language=ja_JP"><img src="assets/img/Japan.png">Japan</a></li>
                            <li><a href="https://www.dreambox-ws.com/users?language=ko_KR"><img src="assets/img/South_Korea.png">Korean</a></li>
                            <li><a href="https://www.dreambox-ws.com/users?language=zh_CN"><img src="assets/img/China.png">China</a></li>

                            <!-- <li><img src="assets/img/United_States_of_America.png"></li>
                            <li><img src="assets/img/South_Korea.png"></li>
                            <li><img src="assets/img/Japan.png"></li>
                            <li><img src="assets/img/china.png"></li> -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript">
        var token = $("meta[name='_csrf']").attr("content");
        var header = $("meta[name='_csrf_header']").attr("content");

        $(document).ajaxSend(function (e, xhr, options) {
            xhr.setRequestHeader (header, token);
        });
    </script>

    <script src="./Dreambox_files/jquery.i18n.properties.js.download"></script>
    <script src="./Dreambox_files/utils.js.download"></script>
    <script src="./Dreambox_files/form-to-obj.min.js.download"></script>
    <script src="./Dreambox_files/SimpleBaseProvider.js.download"></script>
    <script src="./Dreambox_files/UserProvider.js.download"></script>
    <script src="./Dreambox_files/UserService.js.download"></script>

    <script type="text/javascript">
        jQuery(document).ready(function() {
            utils.locale_init('en');

            var userService = new UserService();

            $("#otpArea").css("display", "none");

            var msg = $("#msg").val();
            if (msg == "invalid") {
                alert(utils.locale_i18n('landing.login.msg.none'));
            }

            $("#loginBtnId").click(function () {
                var formData = formToObj(document.querySelector('form'));

                if (utils.isEmpty(formData.email)) {
                    alert(utils.locale_i18n('landing.login.input.fail'));
                    return false;
                }

                if (!utils.validateEmail(formData.email)) {
                    alert(utils.locale_i18n('landing.login.input.fail'));
                    return false;
                }

                if (utils.isEmpty(formData.pwd) || formData.pwd.length < 8) {
                    alert(utils.locale_i18n('landing.login.input.fail'));
                    return false;
                }

                userService.getIsOtpUser($("#email").val());
                if($("#otpStatus").val() == "C") {
                    if($("#otpArea").css("display") == 'none') {
                        $("#idPassArea").css("display", "none");
                        $("#otpArea").css("display", "block");
                    } else {
                        if (utils.isEmpty(formData.optcode)) {
                            alert(utils.locale_i18n('landing.login.input.fail'));
                            return false;
                        } else {
                            $("#loginForm").submit();
                        }
                    }
                } else {
                    $("#loginForm").submit();
                }
            });
        });
    </script>
</header>

</body></html>