|
|
|
|
<div class="container" style="height: 100%;">
|
|
|
|
|
<div class="row justify-content-center align-items-center" style="height: 100%;">
|
|
|
|
|
<div class="col-12 col-sm-10 col-md-8 col-lg-6">
|
|
|
|
|
<div class="card" style="width: 100%;">
|
|
|
|
|
<h3 class="card-header"><i class="fas fa-lock"></i> Login</h3>
|
|
|
|
|
<ul class="nav nav-tabs justify-content-center">
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link active" data-toggle="tab" href="#userlist" id="quickaccess_tab">Quick Access</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" data-toggle="tab" href="#userpass" id="userpass_tab">Username/Password</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" data-toggle="tab" href="#mobilecode">Mobile Code</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="tab-content">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade active show" id="userlist">
|
|
|
|
|
<div class="row justify-content-around">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="userpass">
|
|
|
|
|
<form id="userpass_form">
|
|
|
|
|
<input style="display:none" type="text" name="fakeusernameremembered"/>
|
|
|
|
|
<input style="display:none" type="password" name="fakepasswordremembered"/>
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon"><i class="far fa-user"></i></span>
|
|
|
|
|
<input type="text" class="form-control" id="username" placeholder="Username" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon"><i class="fas fa-key"></i></span>
|
|
|
|
|
<input type="text" style="-webkit-text-security: disc;" class="form-control" id="password" placeholder="Password" />
|
|
|
|
|
</div>
|
|
|
|
|
<br />
|
|
|
|
|
<button type="submit" class="btn btn-primary" id="userpassloginbtn">Log In</button>
|
|
|
|
|
</form>
|
|
|
|
|
</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-desktop"></i> button to get a code.</div>
|
|
|
|
|
<form id="mobilecode_form">
|
|
|
|
|
<div class="input-group input-group-lg">
|
|
|
|
|
<span class="input-group-addon">B-</span>
|
|
|
|
|
<input type="text" class="form-control" id="code" placeholder="123456" />
|
|
|
|
|
</div>
|
|
|
|
|
<br />
|
|
|
|
|
<button type="submit" class="btn btn-primary" id="mobilecodeloginbtn">Log In</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="js/login.js"></script>
|
