JOE
2018-10-29 872ceef23617d9fb6914c5cbfd3cf4bb77f14fb2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>MOBITHRU</title>
    <link href="{{cdnRoot}}/css/login.css" rel="stylesheet">
 
    <!-- Scripts -->
    <script src="{{cdnRoot}}/jquery-plugins/jquery-3.3.1.min.js"></script>
    <script src="{{cdnRoot}}/js/amm-config.js" defer></script>
    <style>
        .email-input.error, .email-input.error:focus {
            border: 1px solid #ed1c24;
        }
        .email-input.error::placeholder {
            color: #ed1c24;
        }
    </style>
</head>
<body>
<div class="lcell">
    <div class="logo-bg">
        <span class="logo-image"></span>
    </div>
    <div class="title-login">
        Log In
    </div>
    <form class="login-account" action="{{context}}/login" method="post" accept-charset="utf-8">
        <div class="input-form">
            <span class="label">E-mail address</span>
            <input class="email-input" type="text" name="login_id" id="login_id" placeholder="E-mail address" autocomplete="on" tabindex="1" value="{{email}}">
            <div class="password">
                <span class="label">Password</span>
                <a class="forgot-password" href="#" tabindex="3">Forgot Password?</a>
            </div>
 
            <input class="password-input" type="password" name="password" id="password" placeholder="Password" autocomplete="off" tabindex="2">
        </div>
        <button class="btn-login" type="submit" name="login-btn" formaction="{{context}}/login">Log In</button>
    </form>
    <div class="divider-login-lcell"></div>
 
    <a href="{{context}}/signup" class="btn-create-account" tabindex="4">Create Account</a>
</div>
 
<div class="rcell">
    <img class="rcell-img" src="{{cdnRoot}}/img/login-rcell.png" alt="">
    <a href="http://www.mobithru.com" class="find-out-more" type="text" name="find-out-more" tabindex="5">Find out more</a>
</div>
<div class="universial-footer">
    <span>&#169;2018 accessmotion Co.,Ltd. All rights reservedaaaaaaaa.</span>
</div>
<script>
    $(document).ready(function () {
        $('input[name="login_id"]').focus();
 
        $('form').submit(function() {
            if($('#login_id').val() == '') {
                $('input[name="login_id"]').addClass('error').attr('placeholder', 'Please, enter your email.');
                return false;
            }else if($('#password').val() == '') {
                $('input[name="login_id"]').removeClass('error').attr('placeholder', 'E-mail address');
                $('input[name="password"]').addClass('error').attr('placeholder', 'Please, enter your password.');
                return false;
            } else {
                return true; 
            }
        });
 
        {{#invalidUser}}
        $('input[name="login_id"]').addClass('error').attr('placeholder', 'Email is invalid.');
        {{/invalidUser}}
        {{#invalidPasswd}}
        $('input[name="password"]').addClass('error').attr('placeholder', 'Password is invalid.');
        {{/invalidPasswd}}
        {{#invalidTokken}}
            alert('Failed make a token. Please ask our support team.');
        {{/invalidTokken}}
 
    });
</script>
</body>
</html>