diff options
| author | Alon Levy <alon@pobox.com> | 2015-01-12 14:49:50 +0200 |
|---|---|---|
| committer | Alon Levy <alon@pobox.com> | 2015-01-12 14:49:50 +0200 |
| commit | 9727204ed66ef0d6acfbf4df0bf49f5e4d9c10ba (patch) | |
| tree | 1be6e31843b8b7502e48811549c03127de9e5b03 /res/templates/login.html | |
| parent | 22b0069cff76f5cb95c6f6f4fa9909cfa7bfba4e (diff) | |
login+logout: using ajax, not POST, plus document.window (worst of both worlds)
Diffstat (limited to 'res/templates/login.html')
| -rw-r--r-- | res/templates/login.html | 33 |
1 files changed, 30 insertions, 3 deletions
diff --git a/res/templates/login.html b/res/templates/login.html index 3e32eee3..57bbdec4 100644 --- a/res/templates/login.html +++ b/res/templates/login.html @@ -4,7 +4,34 @@ <title>Welcome to Rhizi</title> <link href="/static/css/style.css" rel="stylesheet" type="text/css"> <script src="/static/lib/jquery.js" type="text/javascript"></script> +<script type="text/javascript"> + function submit_login_form() { + var data = { + username : $('#login_username').val(), + password : $('#login_password').val() + }; + + // TODO: validate + + $.ajax({ + type : "POST", + url: '/login', + async : false, + cache : false, + data : JSON.stringify(data), + dataType : 'json', + contentType : "application/json; charset=utf-8", + success : function () { + document.location = "/index"; + }, + error : function () { + document.location = "/login"; + } + }); + } +</script> </head> + <body class="login-background"> <div class="welcome-box"> <img src="/static/img/logo-red.png" class="login-rhizi-logo"> @@ -18,9 +45,9 @@ </div> <div id="login_form_panel" class="login-form"> <fieldset> - <form action="/login" method="POST" id="login_form"> - <input class="login-input" type="email" name="username" id="login-username" placeholder="Email"> - <input class="login-input" type="password" name="password" id="login-password" placeholder="Password" required value="Password"> + <form action="javascript:void(0);" method="get" onsubmit="submit_login_form();" id="login_form"> + <input class="login-input" type="email" id="login_username" placeholder="Email"> + <input class="login-input" type="password" id="login_password" placeholder="Password" required value="Password"> <input class="login-input" type="submit" value="Sign in"> <a class="forgot-password"> forgot password? </a> </form> |