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.
83 lines
3.4 KiB
HTML
83 lines
3.4 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-bg"></div>
|
|
<div class="navbar-inner">
|
|
<div class="title">PackageHelper</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content">
|
|
<div class="row margin-top noselect">
|
|
<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-border-color="#4caf50"
|
|
data-border-bg-color="#2196f3"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
<div class="list no-hairlines tablet-inset no-margin-top">
|
|
<ul>
|
|
<li>
|
|
<a href="/add" 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">Add Items</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">Item 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">Delivery Map</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/myroute" class="item-link item-content">
|
|
<div class="item-media"><i class="icon fas fa-sticky-note"></i></div>
|
|
<div class="item-inner">
|
|
<div class="item-title">Route Notes</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/toolbox" class="item-link item-content">
|
|
<div class="item-media"><i class="icon fas fa-tools"></i></div>
|
|
<div class="item-inner">
|
|
<div class="item-title">Toolbox</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> |