Implement quick login

js/login.js

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

pages/login.html

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