Implement quick login
This commit is contained in:
parent
d6f5ef8b16
commit
7155cbbd6f
72
js/home.js
72
js/home.js
@ -15,40 +15,40 @@ var cardSettings = {
|
||||
|
||||
function loadCard(type, apiurl, title) {
|
||||
$.get("cards/" + type + ".html", {}, function (html) {
|
||||
console.log(type + " " + apiurl + " " + title);
|
||||
var cardClasses = "col-sm-12 col-md-6 col-lg-6 col-xl-4 order-12";
|
||||
if (cardSettings.hasOwnProperty(type) && cardSettings[type].hasOwnProperty("classes")) {
|
||||
cardClasses = cardSettings[type]["classes"];
|
||||
}
|
||||
var box = $('<div class="col ' + cardClasses + '" id=""></div>');
|
||||
var card = $('<div class="card card_app card_' + type + '" style="width: 100%;" data-title="' + title + '" data-apiurl="' + apiurl + '"></div>');
|
||||
$(card).html(html);
|
||||
$(box).html(card);
|
||||
$("#card-box").append(box);
|
||||
if (loadedCardTypes.indexOf(type) == -1) {
|
||||
loadedCardTypes.push(type);
|
||||
}
|
||||
console.log(type + " " + apiurl + " " + title);
|
||||
var cardClasses = "col-sm-12 col-md-6 col-lg-6 col-xl-4 order-12";
|
||||
if (cardSettings.hasOwnProperty(type) && cardSettings[type].hasOwnProperty("classes")) {
|
||||
cardClasses = cardSettings[type]["classes"];
|
||||
}
|
||||
var box = $('<div class="col ' + cardClasses + '" id=""></div>');
|
||||
var card = $('<div class="card card_app card_' + type + '" style="width: 100%;" data-title="' + title + '" data-apiurl="' + apiurl + '"></div>');
|
||||
$(card).html(html);
|
||||
$(box).html(card);
|
||||
$("#card-box").append(box);
|
||||
if (loadedCardTypes.indexOf(type) == -1) {
|
||||
loadedCardTypes.push(type);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function applyCardTitles() {
|
||||
$(".card_app").each(function () {
|
||||
var title = $(this).data("title");
|
||||
$(this).find(".card_title").text(title);
|
||||
var title = $(this).data("title");
|
||||
$(this).find(".card_title").text(title);
|
||||
});
|
||||
}
|
||||
|
||||
function waitForCardsToLoadThenInjectScripts() {
|
||||
// How's *that* for self-documenting code?
|
||||
for (var i = 0; i < totalCardTypes.length; i++) {
|
||||
if (loadedCardTypes.indexOf(totalCardTypes[i]) == -1) {
|
||||
setTimeout(waitForCardsToLoadThenInjectScripts, 50);
|
||||
return;
|
||||
}
|
||||
if (loadedCardTypes.indexOf(totalCardTypes[i]) == -1) {
|
||||
setTimeout(waitForCardsToLoadThenInjectScripts, 50);
|
||||
return;
|
||||
}
|
||||
}
|
||||
applyCardTitles();
|
||||
for (var i = 0; i < loadedCardTypes.length; i++) {
|
||||
$.getScript('cards/js/' + loadedCardTypes[i] + '.js');
|
||||
$.getScript('cards/js/' + loadedCardTypes[i] + '.js');
|
||||
}
|
||||
}
|
||||
|
||||
@ -56,22 +56,22 @@ function waitForCardsToLoadThenInjectScripts() {
|
||||
getApps(function (apps) {
|
||||
console.log(apps);
|
||||
for (var appname in apps) {
|
||||
if (!apps.hasOwnProperty(appname)) {
|
||||
continue;
|
||||
}
|
||||
var app = apps[appname];
|
||||
console.log(app);
|
||||
console.log(" " + app.url);
|
||||
console.log(" " + app.title);
|
||||
if (typeof app.station_features !== "undefined" && app.station_features.length > 0) {
|
||||
for (var type in app.station_features) {
|
||||
if (!app.station_features.hasOwnProperty(type)) {
|
||||
continue;
|
||||
}
|
||||
totalCardTypes.push(app.station_features[type]);
|
||||
loadCard(app.station_features[type], app.url + "/api.php", app.title);
|
||||
}
|
||||
}
|
||||
if (!apps.hasOwnProperty(appname)) {
|
||||
continue;
|
||||
}
|
||||
var app = apps[appname];
|
||||
console.log(app);
|
||||
console.log(" " + app.url);
|
||||
console.log(" " + app.title);
|
||||
if (typeof app.station_features !== "undefined" && app.station_features.length > 0) {
|
||||
for (var type in app.station_features) {
|
||||
if (!app.station_features.hasOwnProperty(type)) {
|
||||
continue;
|
||||
}
|
||||
totalCardTypes.push(app.station_features[type]);
|
||||
loadCard(app.station_features[type], app.url + "/api.php", app.title);
|
||||
}
|
||||
}
|
||||
}
|
||||
waitForCardsToLoadThenInjectScripts();
|
||||
});
|
||||
|
||||
112
js/login.js
112
js/login.js
@ -7,46 +7,76 @@
|
||||
|
||||
function userpasslogin(username, password) {
|
||||
$.post(accounthubapi, {
|
||||
key: apikey,
|
||||
username: username,
|
||||
password: password,
|
||||
action: "auth"
|
||||
key: apikey,
|
||||
username: username,
|
||||
password: password,
|
||||
action: "auth"
|
||||
}, function (resp) {
|
||||
if (resp.status == "OK") {
|
||||
$.post(accounthubapi, {
|
||||
key: apikey,
|
||||
username: username,
|
||||
action: "userinfo"
|
||||
}, function (resp) {
|
||||
if (resp.status == "OK") {
|
||||
setuser(resp.data.username);
|
||||
setname(resp.data.name);
|
||||
setuid(resp.data.uid);
|
||||
openScreen("home");
|
||||
} else {
|
||||
showmsg(resp.msg, "danger");
|
||||
}
|
||||
}, "json");
|
||||
} else {
|
||||
showmsg(resp.msg, "danger");
|
||||
}
|
||||
if (resp.status == "OK") {
|
||||
$.post(accounthubapi, {
|
||||
key: apikey,
|
||||
username: username,
|
||||
action: "userinfo"
|
||||
}, function (resp) {
|
||||
if (resp.status == "OK") {
|
||||
setuser(resp.data.username);
|
||||
setname(resp.data.name);
|
||||
setuid(resp.data.uid);
|
||||
openScreen("home");
|
||||
} else {
|
||||
showmsg(resp.msg, "danger");
|
||||
}
|
||||
}, "json");
|
||||
} else {
|
||||
showmsg(resp.msg, "danger");
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
|
||||
function codelogin(code) {
|
||||
$.post(accounthubapi, {
|
||||
key: apikey,
|
||||
code: code,
|
||||
action: "codelogin"
|
||||
key: apikey,
|
||||
code: code,
|
||||
action: "codelogin"
|
||||
}, function (resp) {
|
||||
if (resp.status == "OK") {
|
||||
setuser(resp.user.username);
|
||||
setname(resp.user.realname);
|
||||
setuid(resp.user.uid);
|
||||
openScreen("home");
|
||||
} else {
|
||||
showmsg(resp.msg, "danger");
|
||||
}
|
||||
if (resp.status == "OK") {
|
||||
setuser(resp.user.username);
|
||||
setname(resp.user.realname);
|
||||
setuid(resp.user.uid);
|
||||
openScreen("home");
|
||||
} else {
|
||||
showmsg(resp.msg, "danger");
|
||||
}
|
||||
}, "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");
|
||||
}
|
||||
|
||||
@ -54,13 +84,25 @@ $("#userpassloginbtn").click(function () {
|
||||
var user = $("#username").val();
|
||||
var pass = $("#password").val();
|
||||
if (user != "" && pass != "") {
|
||||
userpasslogin(user, pass);
|
||||
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();
|
||||
if (code != "") {
|
||||
codelogin(code);
|
||||
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…
x
Reference in New Issue
Block a user