Improve tracking UI

This commit is contained in:
Skylar Ittner 2020-10-24 17:28:17 -06:00
parent 885c2a23b1
commit 9c037e8418
2 changed files with 26 additions and 15 deletions

View File

@ -5,6 +5,9 @@
*/ */
function openTrackingInfoPage(id) { function openTrackingInfoPage(id) {
if (typeof id == "undefined" || id == null || id == "") {
return;
}
router.navigate("/track/" + id); router.navigate("/track/" + id);
} }

View File

@ -19,22 +19,30 @@
<div class="page-content"> <div class="page-content">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-100 medium-60 large-50 xlarge-40"> <div class="col-100 medium-90 xlarge-75 margin-horizontal">
<div class="list no-hairlines tablet-inset elevation-tablet"> <div class="card margin">
<ul> <div class="card-content text-align-center padding-vertical">
<li class="item-content item-input"> <div>
<div class="item-inner"> <div class="card-header display-block no-hairlines">
<div class="item-title item-label">Device ID or Tracking Code</div> <h3 class="no-margin">Device ID or Tracking Code</h3>
<div class="item-input-wrap">
<input type="text" name="deviceid" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" />
<span class="input-clear-button"></span>
</div>
</div> </div>
</li> </div>
<li class="item-content"> <div class="list">
<a class="button button-fill" id="trackbtn" onclick="openTrackingInfoPage($('input[name=\'deviceid\']').val())"><i class="fal fa-search"></i> Track</a> <ul>
</li> <li class="item-content item-input item-input-outline">
</ul> <div class="item-inner">
<div class="item-input-wrap">
<input type="text" id="deviceid" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" />
<span class="input-clear-button"></span>
</div>
</div>
</li>
</ul>
</div>
<div class="card-content-padding">
<div class="button" onclick="openTrackingInfoPage($('input[name=\'deviceid\']').val())"><i class="fal fa-search"></i> Track</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>