rxbn_/auth.rxbn.de
1
0
Fork 0
Code Releases Activity

web - form usability

Browse Source
This commit is contained in:
Ruben Meyer 2020-08-14 23:45:29 +02:00
parent e288966cfe
commit a3e626a274
Signed by: rxbn_
GPG Key ID: BE3BF898BE352FE2
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
bin/web/views/login.pug
View File

@ -13,7 +13,7 @@ append content
#login_msg.uk-alert(data-uk-alert).uk-hidden #login_msg.uk-alert(data-uk-alert).uk-hidden
a.uk-close-alt.uk-alert-close(href="#") a.uk-close-alt.uk-alert-close(href="#")
p p
form.uk-form-horizontal form.uk-form-horizontal(onsubmit="return loginEvent();")
.uk-margin .uk-margin
label.uk-form-label(for="login_user") Username / Email label.uk-form-label(for="login_user") Username / Email
.uk-form-controls .uk-form-controls
@ -22,6 +22,7 @@ append content
label.uk-form-label(for="login_pass") Password label.uk-form-label(for="login_pass") Password
.uk-form-controls .uk-form-controls
input.uk-input#login_pass(type="password") input.uk-input#login_pass(type="password")
input(hidden,type="submit")
button(onclick="login()").uk-button.uk-button-default Login button(onclick="login()").uk-button.uk-button-default Login
div(class="uk-width-auto uk-width-1-4@s") div(class="uk-width-auto uk-width-1-4@s")
else else

19
res/web/js/custom.js
View File

@ -1,3 +1,7 @@
function loginEvent() {
login();
return false;
}
function login() { function login() {
let user = document.getElementById("login_user").value; let user = document.getElementById("login_user").value;
let pass = document.getElementById("login_pass").value; let pass = document.getElementById("login_pass").value;
@ -14,15 +18,20 @@ function login() {
ajax.onload = () => { ajax.onload = () => {
let json = JSON.parse(ajax.responseText); let json = JSON.parse(ajax.responseText);
let box = document.getElementById("login_msg"); let box = document.getElementById("login_msg");
if(json.message && json.message == "msg.auth.login.successful") {
if(window.location.pathname == "/authenticate" && getParameterByName("appId")) window.location.href= "/authenticate";
else window.location.href= "/";
box.classList.remove("uk-hidden"); box.classList.remove("uk-hidden");
box.classList.remove("uk-alert-success");
box.classList.remove("uk-alert-danger");
if(json.message && json.message == "msg.auth.login.successful") {
setTimeout(function () {
if(window.location.pathname == "/authenticate" && getParameterByName("appId")) window.location.href= "/authenticate";
else window.location.href= "/";
}, 150);
box.classList.add("uk-alert-success"); box.classList.add("uk-alert-success");
box.getElementsByTagName("p")[0].innerHTML = "Logged in. You will be redirected"; box.getElementsByTagName("p")[0].innerHTML = "Logged in. You will be redirected";
} else if(json.message && json.message == "msg.auth.login.failed") { } else if(json.message && json.message == "msg.auth.login.failed") {
box.classList.remove("uk-hidden");
box.classList.add("uk-alert-danger"); box.classList.add("uk-alert-danger");
box.getElementsByTagName("p")[0].innerHTML = "Login failed.<br> Username or Password is wrong."; box.getElementsByTagName("p")[0].innerHTML = "Login failed.<br> Username or Password is wrong.";
} }