Netsyms/HelenaExpressApp
2
0
Fork 0
Code Issues Pull Requests Releases 15 Wiki Activity

Add helper text to home page, collect email and phone for notice slip, rename Destination Code to Express Pickup

Browse Source
This commit is contained in:
Skylar Ittner 2021-02-08 23:27:41 -07:00
parent be404d2961
commit a60124859a
5 changed files with 47 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
www/assets/js/noticeslip.js
View File

@ -202,6 +202,8 @@ function submitNoticeSlip() {
name: $("#noticeform #name").val(),
street: $("#noticeform #street").val(),
zip: $("#noticeform #zip").val(),
phone: $("#noticeform #phone").val(),
email: $("#noticeform #email").val(),
front: frontSlipImg,
back: backSlipImg,
signature: signaturePad.toDataURL(),

2
www/pages/addresscode.html
View File

@ -13,7 +13,7 @@
<span class="if-not-md">Back</span>
</a>
</div>
<div class="title">Destination Code</div>
<div class="title">Express Pickup</div>
</div>
</div>

15
www/pages/home.html
View File

@ -19,25 +19,20 @@
<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="row">
<div class="row justify-content-center">
{{#each pages}}
<div class="col-50 small-50 large-25 margin-vertical-half">
<div class="col-100 small-50 large-33 no-margin-vertical">
<div class="card" onclick="router.navigate('{{href}}');">
<div class="card-content text-align-center padding-vertical">
<div class="card-content text-align-center padding">
<h1 class="no-margin"><i class="{{icon}}"></i></h1>
<br />
<span style="font-weight: 700;">{{title}}</span>
<br />
<span>{{text}}</span>
</div>
</div>
</div>
{{/each}}
<div class="col-100 margin-vertical-half">
<div class="card" onclick="router.navigate('/addresscode');">
<div class="card-content text-align-center padding">
<span class="taptext">Tap</span><span class="clicktext">Click</span> here for a package pickup discount
</div>
</div>
</div>
</div>
</div>
</div>

26
www/pages/noticeslip.html
View File

@ -23,9 +23,13 @@
<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-top">
Missed a delivery? For a fee, we'll pick up your oversized package or signature-required item from the Helena Post Office and deliver it to your front door, even if nobody's home.
<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">
@ -57,6 +61,24 @@
</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">

20
www/routes.js
View File

@ -17,23 +17,33 @@ var routes = [
{
title: "Schedule Pickup",
href: "/appointment",
icon: "fad fa-calendar-alt"
icon: "fad fa-calendar-alt",
text: "Request a curbside courier to mail and ship your items."
},
{
title: "Track Package",
href: "/track",
icon: "fad fa-search"
icon: "fad fa-search",
text: "Find the latest location and updates about any shipment."
},
{
title: "Get Rates",
href: "/rates",
icon: "fad fa-calculator"
icon: "fad fa-calculator",
text: "Calculate postage and prices for your item."
},
{
title: "Pick Up and Redeliver",
href: "/noticeslip",
icon: "fad fa-sticky-note"
}
icon: "fad fa-sticky-note",
text: "Take a picture of your pink postal notice slip and we'll go get your missed delivery."
},
{
title: "Express Pickup",
href: "/addresscode",
icon: "fal fa-qrcode",
text: "Get a faster pickup and a discount by pre-typing the destination address here."
},
]
}
});