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.
127 lines
6.2 KiB
HTML
127 lines
6.2 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 class="right">
|
|
<a class="link" href="#" onclick="openTrackingBarcodeScanner()">
|
|
<i class="fa-regular fa-qrcode"></i>
|
|
<span>Scan</span>
|
|
</a>
|
|
</div>
|
|
<div class="subnavbar">
|
|
<form class="searchbar" id="tracking-searchbar-form">
|
|
<div class="searchbar-inner">
|
|
<div class="searchbar-input-wrap">
|
|
<input type="search" name="trackingcode" id="trackingcode" required validate data-error-message=" " placeholder="Tracking Code" autocomplete="off" autocorrect="off" autocapitalize="off" />
|
|
<a class="searchbar-icon searchbar-icon-button hapticbtn" id="brokenscannercodeadd" onclick="openTrackingInfoPage($('input[name=\'trackingcode\']').val())" href="#"></a>
|
|
<span class="input-clear-button"></span>
|
|
</div>
|
|
<span class="searchbar-disable-button if-not-aurora">Cancel</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toolbar tabbar-labels toolbar-bottom" id="track-page-tabbar">
|
|
<div class="toolbar-inner">
|
|
<a href="#tracking-history-list" class="tab-link tab-link-active">
|
|
<i class="fa-regular fa-history"></i>
|
|
<span class="tabbar-label">Recent</span>
|
|
</a>
|
|
<a href="#tracking-account-list" class="tab-link">
|
|
<i class="fa-solid fa-user"></i>
|
|
<span class="tabbar-label">From Me</span>
|
|
</a>
|
|
<a href="#tracking-multi-list" class="tab-link">
|
|
<i class="fa-solid fa-tasks-alt"></i>
|
|
<span class="tabbar-label">Multi</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="tabs-swipeable-wrap">
|
|
<div class="tabs">
|
|
<div id="tracking-history-list" class="tab tab-active">
|
|
<div class="page-content">
|
|
<div class="list noselect">
|
|
<ul class="background-color-transparent">
|
|
|
|
</ul>
|
|
</div>
|
|
<div id="tracking-history-list-empty" class="display-none row justify-content-center noselect">
|
|
<div class="col-100 medium-60 large-50 xlarge-40">
|
|
<div class="block text-align-center">
|
|
<img src="assets/images/tracking.svg" class="margin fullwidth-filler-image" />
|
|
<p class="margin padding">
|
|
Tracking numbers you've searched recently will appear here.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="tracking-account-list" class="tab">
|
|
<div class="page-content">
|
|
<div class="list noselect">
|
|
<ul class="background-color-transparent">
|
|
<li class="item-content">
|
|
<div class="item-inner justify-content-center">
|
|
<div class="item-title">Loading...</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="tracking-account-list-empty" class="display-none row justify-content-center noselect">
|
|
<div class="col-100 medium-60 large-50 xlarge-40">
|
|
<div class="block text-align-center">
|
|
<img src="assets/images/searching.svg" class="margin fullwidth-filler-image" />
|
|
<p class="margin padding">
|
|
Send packages with your Helena Express account and your tracking numbers will be listed here automatically.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="tracking-multi-list" class="tab">
|
|
<div class="page-content">
|
|
<div class="list noselect">
|
|
<ul class="background-color-transparent">
|
|
<li class="item-content">
|
|
<div class="item-inner justify-content-center">
|
|
<div class="item-title">Loading...</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="tracking-multi-list-empty" class="display-none row justify-content-center noselect">
|
|
<div class="col-100 medium-60 large-50 xlarge-40">
|
|
<div class="block text-align-center">
|
|
<img src="assets/images/multi-track.svg" class="margin fullwidth-filler-image" />
|
|
<p class="margin padding">
|
|
Quickly see the latest status for multiple packages at the same time right here.
|
|
<span class="taptext">Long-press</span><span class="clicktext">Right-click</span> a tracking code in the Recent tab to add it.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> |