forked from Netsyms/PackageHelper
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.
67 lines
2.7 KiB
HTML
67 lines
2.7 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="home">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="title">Package Helper</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content">
|
|
<div class="row margin-top">
|
|
<div class="col text-align-center">
|
|
<div
|
|
id="delivery-progress-gauge"
|
|
class="gauge gauge-init"
|
|
data-type="semicircle"
|
|
data-value="{{packagePercent}}"
|
|
data-value-text="{{packageDelivered}} / {{packageTotal}}"
|
|
data-value-text-color="#2196f3"
|
|
data-label-text="{{packageLeft}} to deliver"
|
|
data-label-text-color="#333"
|
|
data-border-color="#4caf50"
|
|
data-border-bg-color="#2196f3"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
<div class="list no-hairlines tablet-inset" style="margin-top: 0;">
|
|
<ul>
|
|
<li>
|
|
<a href="/manage" class="item-link item-content">
|
|
<div class="item-media"><i class="icon fas fa-truck-loading"></i></div>
|
|
<div class="item-inner">
|
|
<div class="item-title">Load Packages</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/list" class="item-link item-content">
|
|
<div class="item-media"><i class="icon fas fa-list"></i></div>
|
|
<div class="item-inner">
|
|
<div class="item-title">Package List</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/map" class="item-link item-content">
|
|
<div class="item-media"><i class="icon fas fa-map"></i></div>
|
|
<div class="item-inner">
|
|
<div class="item-title">Package Map</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/settings" class="item-link item-content">
|
|
<div class="item-media"><i class="icon fas fa-cog"></i></div>
|
|
<div class="item-inner">
|
|
<div class="item-title">Settings</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> |