diff options
Diffstat (limited to 'res/templates')
| -rw-r--r-- | res/templates/index.html | 2 | ||||
| -rw-r--r-- | res/templates/login.html | 33 |
2 files changed, 31 insertions, 4 deletions
diff --git a/res/templates/index.html b/res/templates/index.html index 6ef39e25..13913ba2 100644 --- a/res/templates/index.html +++ b/res/templates/index.html @@ -23,7 +23,7 @@ <div class="username"> <div class="profile-circle"></div> <span class="profile-initials">AN<!-- must be two letters because of css --></span> - <div class="profile-username">Welcome <span id="user_id">Anonymous</span>! <span><form action="/logout" method="POST" class="logout-form"><input type="submit" value="Logout" class="button"></input></form></span></div> + <div class="profile-username">Welcome <span id="user_id">Anonymous</span>! <span id="logout-button" class="button">Logout</span></div> </div> <img class="organization-logo" src="/static/img/CRI-logo.png"> </div> 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> |