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

Add more drawings, break up walls of text

Browse Source
This commit is contained in:
Skylar Ittner 2022-05-02 21:26:05 -06:00
parent a93d6876f8
commit dc0e846ad9
12 changed files with 109 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
www/assets/images/document-handshake.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

1
www/assets/images/empty-cart.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

1
www/assets/images/letter-delivery.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

1
www/assets/images/package-pickup.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

2
www/assets/images/receipt.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

1
www/assets/images/signing-document.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

1
www/assets/images/telegram.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

70
www/pages/notary.html
View File

@ -18,41 +18,49 @@
</div> </div>
<div class="page-content noselect"> <div class="page-content noselect">
<div class="row justify-content-center margin-top"> <div class="row justify-content-center">
<div class="col-100 medium-90 xlarge-75 margin-horizontal"> <div class="col-100 medium-60 large-70">
<div class="row justify-content-center"> <div class="swiper-container margin-top" id="notary-info-swiper">
<div class="col-100 small-50 large-33 text-align-center"> <div class="swiper-wrapper">
<p>Get a notary public anywhere in the Helena area on your schedule. <div class="swiper-slide display-flex justify-contenty-center align-items-center flex-direction-column">
$10 per document plus a $10 travel fee per trip. <img src="assets/images/document-handshake.svg" style="max-height: 40vh; max-width: 90%; height: 50rem;"/>
<p>In the same visit we can send your notarized documents via tracked First Class mail, <p class="text-align-center margin">
Certified Mail, our same-day or one-hour express courier services, Get a notary public anywhere in the Helena area on your schedule.
or a variety of guaranteed overnight services from USPS, FedEx, and UPS. $10 per document plus a $10 travel fee per trip.</p>
<p>Got a PDF to sign? Don't print it out, we can notarize electronically!
Just email it to <a href="mailto:notary@helena.express">notary@helena.express</a>
any time before your appointment.
</div>
</div>
<div class="row justify-content-center">
<div class="col-100 small-50 large-33 no-margin-vertical">
<div class="card">
<a class="button button-large" href="/appointment/notary"><i class="fad fa-calendar"></i> Book Appointment</a>
</div> </div>
<div class="swiper-slide display-flex justify-contenty-center align-items-center flex-direction-column">
<div class="card"> <img src="assets/images/letter-delivery.svg" style="max-height: 40vh; max-width: 90%; height: 50rem;"/>
<a class="button button-large" href="/servicearea"><i class="fad fa-map"></i> Service Area</a> <p class="text-align-center margin padding-bottom">
In the same visit we can send your notarized documents via tracked First Class mail,
Certified Mail, our same-day or one-hour express courier services,
or a variety of guaranteed overnight services from USPS, FedEx, and UPS.</p>
</div>
<div class="swiper-slide display-flex justify-contenty-center align-items-center flex-direction-column">
<img src="assets/images/signing-document.svg" style="max-height: 40vh; max-width: 90%; height: 50rem;"/>
<p class="text-align-center margin">
Got a PDF to sign? Don't print it out, we can notarize electronically!
Just email it to <a href="mailto:notary@helena.express">notary@helena.express</a>
any time before your appointment.</p>
</div> </div>
</div> </div>
<div id="notary-info-swiper-pagination" class="swiper-pagination"></div>
</div> </div>
</div>
<div class="row justify-content-center"> <div class="col-100 medium-40 large-30">
<div class="col-100 small-50 large-33 text-align-center margin-top text-color-gray"> <div class="card">
<p>The travel fee is an amount not determined by law. By scheduling an <a class="button button-large" href="/appointment/notary"><i class="fad fa-calendar"></i> Book Appointment</a>
appointment, you agree to pay the travel fee described. We are not </div>
licensed to practice law. We are not allowed to draft legal
records, give advice on legal matters, including immigration, or charge <div class="card">
a fee for those activities. <a class="button button-large" href="/servicearea"><i class="fad fa-map"></i> Service Area</a>
</div> </div>
<div class="block text-align-center margin-top text-color-gray">
The travel fee is an amount not determined by law. By scheduling an
appointment, you agree to pay the travel fee described. We are not
licensed to practice law. We are not allowed to draft legal
records, give advice on legal matters, including immigration, or charge
a fee for those activities.
</div> </div>
</div> </div>
</div> </div>

13
www/pages/pickup.html
View File

@ -24,10 +24,15 @@
<div class="card-content text-align-center padding-vertical" id="pickupRequestForm"> <div class="card-content text-align-center padding-vertical" id="pickupRequestForm">
<div class="list media-list"> <div class="list media-list">
<ul> <ul>
<li class="padding text-align-center"> <li>
Leave your package somewhere safe <div class="block text-align-center">
(front porch, shed, garage, etc) and we'll come get it. <img src="assets/images/package-pickup.svg" class="margin" style="max-height: 25vh; max-width: 80%; height: 15rem;" />
Your saved credit card will be billed automatically when we ship your package. <p class="margin">
Leave your package somewhere safe
(front porch, shed, garage, etc) and we'll come get it.
Your saved credit card will be billed automatically when we ship your package.
</p>
</div>
</li> </li>
<li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;"> <li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
<i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br> <i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>

13
www/pages/shoppingcart_fragment.html
View File

@ -1,8 +1,8 @@
{{#js_if "this.cartitems.length > 0"}} {{#js_if "this.cartitems.length > 0"}}
<div class="block"> <div class="block">
<div class="button button-fill" onclick="openShopCheckout()"> <div class="button button-fill" onclick="openShopCheckout()">
<i class="far fa-cash-register"></i> Go to Checkout <i class="far fa-cash-register"></i> Go to Checkout
</div> </div>
</div> </div>
<div class="list media-list"> <div class="list media-list">
<ul> <ul>
@ -30,8 +30,9 @@
</div> </div>
{{else}} {{else}}
<div class="block text-align-center"> <div class="block text-align-center">
<i class="far fa-shopping-cart fa-4x"></i> <img src="assets/images/empty-cart.svg" class="margin" style="max-height: 25vh; max-width: 80%; height: 15rem;" />
<br /><br /> <p class="margin">
Your cart is empty! Your cart is empty!
</p>
</div> </div>
{{/js_if}} {{/js_if}}

40
www/pages/telegram.html
View File

@ -22,17 +22,41 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-100 medium-90 xlarge-75 margin-horizontal"> <div class="col-100 medium-90 xlarge-75 margin-horizontal">
<div class="card margin"> <div class="card margin">
<div class="card-content text-align-center padding-vertical" id="pickupRequestForm"> <div class="card-content padding-vertical" id="telegramForm">
<div class="list media-list"> <div class="list media-list">
<ul> <ul>
<li class="padding text-align-center"> <li>
Send a telegram with Helena Express for $15. <div class="block text-align-center">
We'll hand-deliver your message to anywhere in Helena, East Helena, Montana City, the Helena Valley, and the hills around Helena. <img src="assets/images/telegram.svg" class="margin" style="max-height: 25vh; max-width: 80%; height: 15rem;" />
If you put in a destination outside the Helena area, your telegram will be delivered by the postal service. <p class="margin">
If the recipient isn't home, we'll leave a note and try again the following day, usually at a different time of day. Send a telegram with Helena Express for $15.
If nobody answers the second time, we'll either leave the telegram at their front door or, We'll hand-deliver your message to anywhere in Helena, East Helena, Montana City, the Helena Valley, and the hills around Helena.
if you request it in the special instructions, send it to them via the U.S. Mail. </p>
</div>
</li> </li>
</ul>
</div>
<div class="list accordion-list">
<ul>
<li class="accordion-item">
<a class="item-content item-link no-padding-left" href="#">
<div class="item-inner justify-content-center no-padding-right">
<div class="item-title">More Info</div>
</div>
</a>
<div class="accordion-item-content">
<div class="block">
<p>If you put in a destination outside the Helena area, your telegram will be delivered by the postal service.
If the recipient isn't home, we'll leave a note and try again the following day, usually at a different time of day.
If nobody answers the second time, we'll either leave the telegram at their front door or,
if you request it in the special instructions, send it to them via the U.S. Mail.</p>
</div>
</div>
</li>
</ul>
</div>
<div class="list media-list">
<ul>
<li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;"> <li class="padding text-align-center" id="addPaymentMethodNag" style="display: none;">
<i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br> <i class="fad fa-exclamation-circle fa-2x text-color-orange"></i><br>
You need an account with a linked credit card to send a telegram in the app. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account. You need an account with a linked credit card to send a telegram in the app. <span class="taptext">Tap</span><span class="clicktext">Click</span> the button to update your account.

18
www/routes.js
View File

@ -82,7 +82,8 @@ var routes = [
app.swiper.create("#crypto-intro-swiper", { app.swiper.create("#crypto-intro-swiper", {
pagination: { pagination: {
el: "#crypto-intro-swiper-pagination", el: "#crypto-intro-swiper-pagination",
type: "bullets" type: "bullets",
clickable: true
} }
}); });
} }
@ -196,7 +197,14 @@ var routes = [
name: 'notary', name: 'notary',
on: { on: {
pageAfterIn: function () { pageAfterIn: function () {
app.swiper.destroy("#notary-info-swiper");
app.swiper.create("#notary-info-swiper", {
pagination: {
el: "#notary-info-swiper-pagination",
type: "bullets",
clickable: true
}
});
} }
} }
}, },
@ -413,9 +421,13 @@ var routes = [
}, function (success) { }, function (success) {
app.dialog.close(); app.dialog.close();
if (success.status == "OK") { if (success.status == "OK") {
var receipts = success.receipts;
if (receipts.length == 0) {
receipts = false;
}
resolve({ resolve({
content: compiledPages.receipts({ content: compiledPages.receipts({
receipts: success.receipts receipts: receipts
}) })
}); });
} else { } else {