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

Add UI for selecting appointment type

Browse Source
This commit is contained in:
Skylar Ittner 2021-08-14 14:38:55 -06:00
parent 97eba7004d
commit ec4e9417cd
6 changed files with 67 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/assets/css/app.css
View File

@ -181,3 +181,7 @@ Framework7 and FontAwesome both have a .fab class
padding: 1em;
border-radius: 10px;
}
.card.pointercursor {
cursor: pointer;
}

4
www/assets/css/home.css
View File

@ -13,7 +13,3 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
max-width: 200px;
width: 50%;
}
div.page[data-name="home"] .card {
cursor: pointer;
}

26
www/pages/appointment.html
View File

@ -13,13 +13,37 @@
<span class="if-not-md">Back</span>
</a>
</div>
<div class="title">Schedule Pickup</div>
<div class="title">Book Appointment</div>
</div>
</div>
{{#if url}}
<div class="page-content" style="overflow-y: hidden;">
<iframe src="{{url}}" style="width: 100%; border: none; height: 100%;"></iframe>
</div>
{{else}}
<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 justify-content-center">
{{#each services}}
<div class="col-100 small-50 large-33 no-margin-vertical">
<div class="card hapticbtn pointercursor" onclick="router.navigate('/appointment/{{serviceid}}');">
<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>
</div>
</div>
</div>
{{/if}}
</div>

2
www/pages/home.html
View File

@ -22,7 +22,7 @@
<div class="row justify-content-center">
{{#each pages}}
<div class="col-100 small-50 large-33 no-margin-vertical">
<div class="card hapticbtn" onclick="router.navigate('{{href}}');">
<div class="card hapticbtn pointercursor" onclick="router.navigate('{{href}}');">
<div class="card-content text-align-center padding">
<h1 class="no-margin"><i class="{{icon}}"></i></h1>
<br />

33
www/routes.js
View File

@ -15,10 +15,10 @@ var routes = [
context: {
pages: [
{
title: "Schedule Pickup",
title: "Book Appointment",
href: "/appointment",
icon: "fad fa-calendar-alt",
text: "Request a curbside courier to mail and ship your items."
text: "Get mailing, shipping, and notary services on your schedule anywhere in the Helena area."
},
{
title: "Track Package",
@ -58,6 +58,31 @@ var routes = [
{
path: '/appointment',
name: 'appointment',
async: function (routeTo, routeFrom, resolve, reject) {
resolve({
templateUrl: './pages/appointment.html'
}, {
context: {
services: [
{
title: "Package Pickup",
text: "A courier will come to you and ship your mail, packages, etc.",
icon: "fad fa-hand-holding-box",
serviceid: 19
},
{
title: "Mobile Notary",
text: "A notary public will come to you and notarize your documents.",
icon: "fad fa-file-signature",
serviceid: 21
}
]
}
});
},
routes: [
{
path: "/:serviceId",
async: function (routeTo, routeFrom, resolve, reject) {
var url = SETTINGS.appointmenturl;
if ($("#app").hasClass("theme-dark")) {
@ -67,10 +92,12 @@ var routes = [
templateUrl: './pages/appointment.html'
}, {
context: {
url: url
url: url + "&service=" + routeTo.params.serviceId
}
});
}
}
]
},
{
path: '/track',

4
www/settings.js
View File

@ -12,8 +12,8 @@ var SETTINGS = {
loyalty: "https://helena.express/loyalty.php"
},
stripe_pubkey: "pk_live_RgpadCo1LIIkfyUsY47VhUq6",
appointmenturl: "https://appointments.netsyms.com/index.php?service=19&hlnexp=1&embed=1&only=1",
appointmenturl_darkmode: "https://appointments.netsyms.com/index.php?service=19&hlnexp=1&embed=1&only=1&theme=darkly",
appointmenturl: "https://appointments.netsyms.com/index.php?hlnexp=1&embed=1&only=1&theme=darkly",
appointmenturl_darkmode: "https://appointments.netsyms.com/index.php?hlnexp=1&embed=1&only=1&theme=darkly",
branding: {
apptitle: "Helena Express",
company: "Helena Express",