jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-2194

Browse source 
CASH-2194  If we get no inshop or mobile data, then show the shoplocation component so the user is not looking at a half blank screen with no way to try another zip/location.
This commit is contained in:
CarlNation 2026-01-30 16:00:39 -05:00
parent 49cf7f7ddc
commit b99e8c4b35
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/layouts/schedule/schedule.vue
View file

@ -100,13 +100,11 @@
</div> </div>
<div <div
class="row your-shop-location" class="row your-shop-location"
v-if="appointmentType && appointmentType !== appointmentTypeStrings.MOBILE"> v-if="showInshopComponent">
<div class="col-12 col-md-10 col-lg-8 col-xl-7"> <div class="col-12 col-md-10 col-lg-8 col-xl-7">
<div> <div>
<shopLocation <shopLocation
v-if=" v-if="showInshopComponent"
appointmentType && appointmentType !== appointmentTypeStrings.MOBILE
"
:selectedShop="selectedShopAnswer" :selectedShop="selectedShopAnswer"
:selectedProviderNumberFromParent="selectedProvider?.providerNumber" :selectedProviderNumberFromParent="selectedProvider?.providerNumber"
:shopProviderDataFromParent="shopProviderData" :shopProviderDataFromParent="shopProviderData"
@ -630,6 +628,17 @@ export default {
this.handleZipCodeChange(newValue); this.handleZipCodeChange(newValue);
}, },
}, },
showInshopComponent() {
// If we get no inshop or mobile data, then show the shoplocation component so the user is not
// looking at a half blank screen with no way to try another zip/location.
if ((this.inshopTimeSlotsData === undefined && this.mobileTimeSlotsData === undefined) ||
(this.inshopTimeSlotsData.days.length === 0 && this.mobileTimeSlotsData.days.length === 0) ||
(this.appointmentType && this.appointmentType !== AppointmentTypeStrings.MOBILE)) {
return true;
}
return false;
},
isMobileSelected() { isMobileSelected() {
return ( return (
this.appointmentType == AppointmentTypeStrings.MOBILE || this.appointmentType == AppointmentTypeStrings.MOBILE ||
@ -1040,7 +1049,7 @@ export default {
return store.getters.order.serviceLocation.isVehicleProtected; return store.getters.order.serviceLocation.isVehicleProtected;
}, },
getAppointmentTypeFromStore() { getAppointmentTypeFromStore() {
return store.getters.order.serviceLocation.appointmentType; return store.getters.order.serviceLocation.appointmentType;
}, },
getSelectedProviderFromStore() { getSelectedProviderFromStore() {
return store.getters.order.serviceLocation.provider; return store.getters.order.serviceLocation.provider;