You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
4.0 KiB
HTML
85 lines
4.0 KiB
HTML
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
<div class="page" data-name="track">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-bg"></div>
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a class="link back" href="#">
|
|
<i class="icon icon-back"></i>
|
|
<span class="if-not-md">Back</span>
|
|
</a>
|
|
</div>
|
|
<div class="title">Track</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="page-content">
|
|
<div class="row justify-content-center">
|
|
<div class="col-100 medium-90 xlarge-75 margin-horizontal">
|
|
<div class="card margin">
|
|
<div class="card-content text-align-center padding-vertical">
|
|
|
|
<div class="list">
|
|
<ul>
|
|
<li class="item-content item-input item-input-outline">
|
|
<div class="item-inner">
|
|
<div class="item-title item-floating-label">Tracking Code</div>
|
|
<div class="item-input-wrap">
|
|
<input type="text" name="trackingcode" id="trackingcode" required validate data-error-message=" " 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 hapticbtn button-fill" onclick="openTrackingInfoPage($('input[name=\'trackingcode\']').val())"><i class="far fa-search"></i> Track</div>
|
|
<br />
|
|
<div class="button button-outline hapticbtn" onclick="openTrackingBarcodeScanner()"><i class="far fa-qrcode"></i> Scan Receipt</div>
|
|
</div>
|
|
</div>
|
|
<div class="toolbar tabbar toolbar-bottom">
|
|
<div class="toolbar-inner">
|
|
<a href="#tracking-history-list" class="tab-link tab-link-active">
|
|
<i class="far fa-history"></i>
|
|
<span class="tabbar-label">Recent</span>
|
|
</a>
|
|
<a href="#tracking-account-list" class="tab-link">
|
|
<i class="fas fa-user"></i>
|
|
<span class="tabbar-label">From Me</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="tabs-animated-wrap">
|
|
<div class="tabs">
|
|
<div id="tracking-history-list" class="tab tab-active">
|
|
<div class="list">
|
|
<ul>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="tracking-account-list" class="tab">
|
|
<div class="list">
|
|
<ul>
|
|
<li class="item-content">
|
|
<div class="item-inner justify-content-center">
|
|
<div class="item-title">Loading...</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |