Implement quick login

master
Skylar Ittner 6 years ago
parent d6f5ef8b16
commit 7155cbbd6f

@ -50,6 +50,36 @@ function codelogin(code) {
}, "json");
}
function loadQuickLogin() {
$.post(accounthubapi, {
key: apikey,
gid: 4,
action: "getusersbygroup",
get: "detail"
}, function (resp) {
if (resp.status == "OK") {
var userhtml = "";
for (var user in resp.users) {
var u = resp.users[user];
userhtml += '<div class="col-4 col-lg-3 quick-user" data-uid="' + u["uid"] + '" data-username="' + u["username"] + '" data-name="' + u["name"] + '">\n'
+ '<i class="far fa-user fa-3x"></i>\n'
+ '<br />\n'
+ u["name"] + "\n"
+ '</div>\n';
}
$("#userlist .row").html(userhtml);
$(".quick-user").click(function () {
setuser($(this).data("username"));
setname($(this).data("name"));
setuid($(this).data("uid"));
openScreen("home");
});
} else {
showmsg(resp.msg, "danger");
}
}, "json");
}
$("#userpassloginbtn").click(function () {
var user = $("#username").val();
var pass = $("#password").val();
@ -57,6 +87,14 @@ $("#userpassloginbtn").click(function () {
userpasslogin(user, pass);
}
});
function quicklogin(uid) {
var quickuser =
setuser(resp.data.username);
setname(resp.data.name);
setuid(resp.data.uid);
openScreen("home");
}
$("#mobilecodeloginbtn").click(function () {
var code = $("#code").val();
@ -64,3 +102,7 @@ $("#mobilecodeloginbtn").click(function () {
codelogin(code);
}
});
$(document).ready(function () {
loadQuickLogin();
});

@ -5,10 +5,10 @@
<h3 class="card-header"><i class="fas fa-lock"></i> Login</h3>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#userlist">Quick Access</a>
<a class="nav-link active" data-toggle="tab" href="#userlist">Quick Access</a>
</li>
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#userpass">Username/Password</a>
<a class="nav-link" data-toggle="tab" href="#userpass">Username/Password</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#mobilecode">Mobile Code</a>
@ -16,41 +16,13 @@
</ul>
<div class="card-body">
<div class="tab-content">
<div class="tab-pane fade" id="userlist">
<div class="tab-pane fade active show" id="userlist">
<div class="row justify-content-around">
<div class="col-4 col-lg-3 quick-user">
<i class="far fa-user fa-3x"></i>
<br />
Caroline Herschel
</div>
<div class="col-4 col-lg-3 quick-user">
<i class="far fa-user fa-3x"></i>
<br />
Edmond Halley
</div>
<div class="col-4 col-lg-3 quick-user">
<i class="far fa-user fa-3x"></i>
<br />
Jocelyn Bell Burnell
</div>
<div class="col-4 col-lg-3 quick-user">
<i class="far fa-user fa-3x"></i>
<br />
Max Born
</div>
<div class="col-4 col-lg-3 quick-user">
<i class="far fa-user fa-3x"></i>
<br />
Patty Jo Watson
</div>
<div class="col-4 col-lg-3 quick-user">
<i class="far fa-user fa-3x"></i>
<br />
Sarah Boysen
</div>
</div>
</div>
<div class="tab-pane fade active show" id="userpass">
<div class="tab-pane fade" id="userpass">
<div id="userpass_form">
<div class="input-group">
<span class="input-group-addon"><i class="far fa-user"></i></span>
@ -64,8 +36,10 @@
<button class="btn btn-primary" id="userpassloginbtn">Log In</button>
</div>
</div>
<div class="tab-pane fade" id="mobilecode">
<div class="alert alert-info">Open the Business app on your phone, <br />then press the <i class="fas fa-lock"></i> button to get a code.</div>
<div class="alert alert-info">Open the Business app on your phone, <br />then press the <i class="fas fa-desktop"></i> button to get a code.</div>
<div id="mobilecode_form">
<div class="input-group input-group-lg">
<span class="input-group-addon">B-</span>

Loading…
Cancel
Save