Upgrade Framework7 v5 -> v6.3.5
parent
315b7be29b
commit
5a6de55746
@ -1,61 +0,0 @@
|
||||
<!-- 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="addresscode">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a class="link back hapticbtn" href="#">
|
||||
<i class="icon icon-back"></i>
|
||||
<span class="if-not-md">Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Express Pickup</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page-content">
|
||||
<div class="block">
|
||||
Get a faster pickup and a discount by filling in your package's destination address here. We'll scan the code on your screen instead of typing in the address, saving everyone's time and eliminating typos!
|
||||
</div>
|
||||
<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 id="addresscodeform">
|
||||
{{#each fields}}
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">{{label}}</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="text" id="{{id}}" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
<div class="button hapticbtn" onclick="getAddressQRCode()"><i class="far fa-qrcode"></i> Show Code</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popup text-color-black" id="addresscode-popup">
|
||||
<div class="block text-align-center">
|
||||
<img id="addresscode-barcode" style="max-width: 90%;" />
|
||||
<p>Present this code to the Helena Express agent.</p>
|
||||
<p><a class="button popup-close hapticbtn" href="#">Close</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
@ -1,144 +0,0 @@
|
||||
<!-- 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="noticeslip">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a class="link back hapticbtn" href="#">
|
||||
<i class="icon icon-back"></i>
|
||||
<span class="if-not-md">Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Pick Up and Redeliver</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">
|
||||
<div class="block padding-vertical-half">
|
||||
Missed a delivery? For a fee, we'll pick up your oversized or signature-required item from the Helena Post Office and deliver it to your front door, even if nobody's home to sign for it.
|
||||
</div>
|
||||
<div class="block padding-vertical-half">
|
||||
You just need to fill out this form, sign the back of the pink notice slip, and take a picture of it with this app. Information provided must match the information on the notice slip.
|
||||
</div>
|
||||
<div class="block padding-vertical-half">
|
||||
Your item will be delivered within one business day of submitting a request, excluding postal holidays. This service is not available for Restricted Delivery or Registered Mail.
|
||||
</div>
|
||||
<div class="list" id="noticeform">
|
||||
<ul>
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">Recipient Name</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="text" id="name" placeholder="Jon Doe" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">Street Address</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="text" id="street" placeholder="1234 Example Rd, Apt 1A" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">ZIP Code</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="text" id="zip" placeholder="59602" inputmode="numeric" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">Phone Number</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="tel" id="phone" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">Email Address</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="email" id="email" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="block">
|
||||
Press the buttons to take a photo of the front and back of your signed notice slip.
|
||||
|
||||
<div class="row" style="min-height: 100px;">
|
||||
<div class="col-50">
|
||||
<div class="button button-outline margin hapticbtn" onclick="takeDocPhoto('front')"><i class="fas fa-camera"></i> Front</div>
|
||||
<img src="assets/images/3849_front.png" id="noticefrontimg" style="max-width: 100%; max-height: 50vh;" />
|
||||
</div>
|
||||
<div class="col-50">
|
||||
<div class="button button-outline margin hapticbtn" onclick="takeDocPhoto('back')"><i class="fas fa-camera"></i> Back</div>
|
||||
<img src="assets/images/3849_back.png" id="noticebackimg" style="max-width: 100%; max-height: 50vh;" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block margin-vertical">
|
||||
By signing below, you authorize a Helena Express agent to sign for and take possession of your item from the Helena Post Office and to deliver it to the address entered above.
|
||||
</div>
|
||||
<div class="signature-wrapper">
|
||||
<img src="assets/images/signature-line.svg" />
|
||||
<canvas id="signaturecanvas"></canvas>
|
||||
<i class="fas fa-undo text-color-blue" id="signatureUndoBtn"></i>
|
||||
<i class="fas fa-trash text-color-red" id="signatureClearBtn"></i>
|
||||
</div>
|
||||
<div class="list" id="noticesignform">
|
||||
<ul>
|
||||
<li class="item-content item-input item-input-outline">
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">Your Name</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="text" id="signature" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
<div class="button hapticbtn" onclick="noticeSlipPayAndFinish()"><i class="far fa-arrow-right"></i> Finish</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popup" id="noticeslip-pay-popup">
|
||||
<div class="block text-align-center">
|
||||
<h2>Finish and pay</h2>
|
||||
<h3>Total: $<span id="noticeslip-pay-amount"></span></h3>
|
||||
<div id="noticeslip-stripe-elements">
|
||||
<i class="fas fa-spin fa-spinner"></i> Loading secure card form...
|
||||
</div>
|
||||
<div id="noticeslip-card-errors" style="text-color-red"></div>
|
||||
<br />
|
||||
<br />
|
||||
<div class="button hapticbtn" onclick="submitNoticeSlip()"><i class="far fa-arrow-right"></i> Pay and Submit</div>
|
||||
<p><a class="button popup-close hapticbtn" href="#">Cancel</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
@ -1,35 +0,0 @@
|
||||
<!-- 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="noticeslipsuccess">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a class="link hapticbtn" onclick="router.navigate('/home')">
|
||||
<i class="icon icon-back"></i>
|
||||
<span class="if-not-md">Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Pick Up and Redeliver</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content noselect">
|
||||
<div class="row justify-content-center margin-top">
|
||||
<div class="col-100 medium-90 xlarge-75 margin-horizontal">
|
||||
<div class="card">
|
||||
<div class="card-content text-align-center padding-vertical">
|
||||
<h1><i class="fad fa-check-circle fa-4x text-color-green"></i></h1>
|
||||
<br />
|
||||
<h2>Request received!</h2>
|
||||
<p>Your item will be delivered within one business day.</p>
|
||||
<div class="button hapticbtn" onclick="router.navigate('/home')">Close</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -1,163 +1,160 @@
|
||||
<!-- 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/. -->
|
||||
<!--
|
||||
This page is intended for loading into a popup.
|
||||
-->
|
||||
|
||||
<div class="page" data-name="rateresult">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a class="link back hapticbtn" href="#">
|
||||
<i class="icon icon-back"></i>
|
||||
<span class="if-not-md">Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Rates</div>
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a class="link popup-close" href="#">
|
||||
<i class="icon icon-back"></i>
|
||||
<span class="if-not-md">Close</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title">Available Rates</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page-content">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-100 medium-60 large-50 xlarge-40">
|
||||
<div class="list transparent no-hairlines tablet-inset elevation-tablet">
|
||||
<ul>
|
||||
<li class="item-divider">From:</li>
|
||||
{{#with from}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{street}}
|
||||
</div>
|
||||
</div>
|
||||
<div style="overflow-y: auto; height: calc(99% - calc(var(--f7-navbar-height) + var(--f7-safe-area-top)));">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-100">
|
||||
<div class="list transparent no-hairlines">
|
||||
<ul>
|
||||
<li class="item-divider">From:</li>
|
||||
{{#with from}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{street}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{citystatezip}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{citystatezip}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/with}}
|
||||
<li class="item-divider">To:</li>
|
||||
{{#with to}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{street}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/with}}
|
||||
<li class="item-divider">To:</li>
|
||||
{{#with to}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{street}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{citystatezip}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{citystatezip}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/with}}
|
||||
<li class="item-divider">Item:</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{weight}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/with}}
|
||||
<li class="item-divider">Item:</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{weight}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{size}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner">
|
||||
<div class="item-title" style="white-space: normal !important;">
|
||||
{{size}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item-divider">Rates:</li>
|
||||
{{#if rates}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row" style="font-weight: 500;">
|
||||
<div class="item-cell">
|
||||
Service
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
Delivery Estimate
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
Price
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item-divider">Rates:</li>
|
||||
{{#if rates}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row" style="font-weight: 500;">
|
||||
<div class="item-cell">
|
||||
Service
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
Delivery Estimate
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
Price
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{#each rates}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row">
|
||||
<div class="item-cell">
|
||||
{{carrier}} {{service}}
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
{{date}}
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
${{rate}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{#each rates}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row">
|
||||
<div class="item-cell">
|
||||
{{carrier}} {{service}}
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
{{date}}
|
||||
</div>
|
||||
<div class="item-cell">
|
||||
${{rate}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row">
|
||||
<div class="item-cell">
|
||||
We could find no available shipping options based on the information you provided.
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
{{else}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row">
|
||||
<div class="item-cell">
|
||||
We could find no available shipping options based on the information you provided.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if hints}}
|
||||
<li class="item-divider">Tip{{#js_if "this.hints.length > 1"}}s{{/js_if}}:</li>
|
||||
{{#each hints}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row">
|
||||
<div class="item-cell">
|
||||
{{this}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if hints}}
|
||||
<li class="item-divider">Tip{{#js_if "this.hints.length > 1"}}s{{/js_if}}:</li>
|
||||
{{#each hints}}
|
||||
<li>
|
||||
<div class="item-content">
|
||||
<div class="item-inner item-cell">
|
||||
<div class="item-row">
|
||||
<div class="item-cell">
|
||||
{{this}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
Rates provided do not include pickup fees. This tool provides shipping cost <i>estimates</i>; actual prices, available service options, and delivery dates shown are not guaranteed to be actually available when you ship your item. Your item's contents may not be eligible for certain services.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
Rates provided do not include pickup fees. This tool provides shipping cost <i>estimates</i>; actual prices, available service options, and delivery dates shown are not guaranteed to be actually available when you ship your item. Your item's contents may not be eligible for certain services.
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in New Issue