Business
/
Station
2
0
Fork 0
Code Issues Pull Requests Releases 4 Wiki Activity
Browse Source

Implement quick login

master
Skylar Ittner 5 years ago
parent
d6f5ef8b16
commit
7155cbbd6f
3 changed files with 122 additions and 106 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 72
      js/home.js
  2. 112
      js/login.js
  3. 44
      pages/login.html

72
js/home.js
View File

@ -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
View File

@ -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();
});

44
pages/login.html
View File

@ -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>

Write Preview
Loading…
Cancel
Save