Add PostalPoint page

master
Skylar Ittner 12 months ago
parent c5923625c3
commit e9950a222d

@ -0,0 +1,73 @@
<!-- 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="postalpoint">
<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">PostalPoint Kiosk</div>
</div>
</div>
<div class="page-content noselect">
<div class="row justify-content-center">
<div class="col-100 medium-50 padding-top">
<div class="card">
<div class="card-body padding-top">
<!-- <div class="block text-align-center">
<img src="assets/images/mail-trailer.svg" class="margin" style="max-height: 20vh; max-width: 80%;" />
</div> -->
<div class="block margin-bottom" id="postalpoint-dyncontent">
Our network of PostalPoint kiosks are a quick and convenient way to
send mail and packages. Located in local businesses, our kiosks have an
easy to use touchscreen and a secure parcel drop. You pay the normal
USPS prices without markup or fees.
<br /><br />
Walk in, put your box on the scale, answer a few questions, tap your
card, and get a shipping label (with postage). Then just place your package
in the secure locker. The kiosk can print or email a receipt so you'll
have the tracking number.
</div>
<div class="block margin-bottom">
Don't like typing addresses on the kiosk? With Quick Send, you can type
right here instead! Tap the button below, then tap "Quick Send" on the kiosk.
</div>
<div class="block">
<div class="button" onclick='router.navigate("/quicksend");'>
Open Quick Send
</div>
</div>
</div>
</div>
</div>
<div class="col-100 medium-50">
<div class="block-title">Locations</div>
<div class="list media-list">
<ul>
{{#each locations}}
<li>
<a href="geo:{{geo}}" class="item-link item-content">
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">{{name}}</div>
</div>
<div class="item-text">{{info}}</div>
<div class="item-text">{{hours}}</div>
</div>
</a>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</div>
</div>

@ -33,6 +33,7 @@ var pagesToCompile = [
"trailer",
"money",
"moneyorder",
"postalpoint",
"quicksend"
];
console.log("Compiling page templates...");
@ -409,6 +410,48 @@ var routes = [
}
}
},
{
path: '/postalpoint',
name: 'postalpoint',
async: function ( {resolve, reject}) {
app.dialog.preloader("Loading...");
apirequest(SETTINGS.apis.postalpoint_locations, [], function (resp) {
app.dialog.close();
var locations = [];
for (var i = 0; i < resp.features.length; i++) {
locations.push({
name: resp.features[i].properties.name,
info: resp.features[i].properties.info,
hours: resp.features[i].properties.hours,
geo: resp.features[i].geometry.coordinates[1] + "," + resp.features[i].geometry.coordinates[0]
});
}
resolve({
content: compiledPages.postalpoint({
locations: locations
})
}, {});
}, function (error) {
app.dialog.close();
app.dialog.alert("Couldn't download the list of PostalPoint locations. Try again later.", "Whoops!");
sendErrorReport("PostalPoint", "Loading locations");
resolve({
content: compiledPages.postalpoint({
locations: []
})
}, {});
}, "GET");
},
on: {
pageBeforeIn: function () {
dyncontent = getDynamicPageContent("postalpoint");
if (dyncontent != null) {
$("#postalpoint-dyncontent").html(dyncontent);
}
}
}
},
{
path: '/pickup',
name: 'pickup',

@ -55,7 +55,8 @@ var SETTINGS = {
moneyorderverify: "https://apis.helena.express/v1/moneyorder/verify/",
// Label maker
label_rates: "https://apis.helena.express/v1/labelmaker/rates/",
label_purchase: "https://apis.helena.express/v1/labelmaker/purchase/"
label_purchase: "https://apis.helena.express/v1/labelmaker/purchase/",
postalpoint_locations: "https://apis.helena.express/v1/postalpoint/locations/"
},
stripe_pubkey: "pk_test_51J6qFXCa1Fboir5UzPO3LCiMsVNiFP2lq4wR0dEcjJJVzAaJ3uRggDekZPB3qeYpMD3ayIYHKyD5sSn0IFLlEXMW001LqrvGSH",
branding: {

Loading…
Cancel
Save