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

Merge pull request #670 from Safelite/SSR-1201-fix-tpa-search-page

Browse source 
Code format tpa-search page.
This commit is contained in:
bmauger 2024-05-01 11:38:56 -04:00 committed by GitHub
commit 8bcbb19d20
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 21 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/layouts/tpa-search/tpa-search.vue
View file

@ -7,8 +7,6 @@
:cmsWidgetName="widget.siteHeader" />
</div>
</div>
</div>
<div class="container-fluid fade-on-route-transition">
<div class="row justify-content-center">
<div class="col-md-6 col-xl-4">
<Form
@ -43,8 +41,6 @@
</Form>
</div>
</div>
</div>
<div class="container-fluid fade-on-route-transition">
<div class="row justify-content-center">
<div class="col-md-6 col-xl-4">
<googleMap
@ -146,7 +142,7 @@ const radiusFilterPairs = [
{ radius: 15, filter: '15 miles' },
{ radius: 25, filter: '25 miles' },
{ radius: 50, filter: '50 miles' },
{ radius: 100, filter: '100 miles' },
{ radius: 100, filter: '100 miles' }
];
function convertRadiusFilterToInteger(filter) {
@ -202,7 +198,7 @@ export default {
googleMap,
siteFooter,
// eslint-disable-next-line vue/no-reserved-component-names
Form,
Form
},
mixins: [BaseFormMixin],
async beforeRouteEnter(to, from, next) {
@ -225,7 +221,7 @@ export default {
selectedProviderNumber: '',
reloadingProviders: false,
additionalButtonData: {
displayAvailabilityIndicators: false,
displayAvailabilityIndicators: false
},
widget: {
siteHeader: 'SiteHeaderWidget',
@ -234,14 +230,14 @@ export default {
filterByQuestion: 'FilterByQuestion',
noNetworkShopsAlert: 'NoNetworkShopsAlertWidget',
shopNotListedLink: 'ShopNotListedLink',
siteFooter: 'SiteFooterWidget',
siteFooter: 'SiteFooterWidget'
},
rules: {
zipCode: `${globalRules.ZIP_CODE_REQUIRED}|${globalRules.ZIP_CODE_SEARCH_FORMAT}`,
filter: globalRules.OPTION_REQUIRED, // TODO do we even need this?
provider: globalRules.OPTION_REQUIRED,
provider: globalRules.OPTION_REQUIRED
},
shopListButton: shallowRef(shopListButton),
shopListButton: shallowRef(shopListButton)
};
},
computed: {
@ -287,24 +283,20 @@ export default {
providerAddresses() {
return (
this.providers?.map((provider) =>
this.getProviderAddress(provider)
) ?? []
this.getProviderAddress(provider)) ?? []
);
},
providerButtonData() {
return (
this.providers?.map((provider) =>
this.getShopButtonDataFromProvider(provider)
) ?? []
this.getShopButtonDataFromProvider(provider)) ?? []
);
},
selectedProviderIsSafeliteShop() {
return (
this.providers?.find(
(p) => p.providerNumber === this.selectedProviderNumber
)?.isSafeliteShop ?? false
this.providers?.find((p) => p.providerNumber === this.selectedProviderNumber)?.isSafeliteShop ?? false
);
},
}
},
watch: {
async filter() {
@ -324,9 +316,7 @@ export default {
}
},
selectedProviderNumber(newNumber) {
const provider = this.providers?.find(
(p) => p.providerNumber === newNumber
);
const provider = this.providers?.find((p) => p.providerNumber === newNumber);
if (provider && this.dataLoaded) {
useMainStore().updateServiceLocation({
searchFilter: this.filter,
@ -338,14 +328,14 @@ export default {
city: provider.address?.city,
state: provider.address?.state,
zipCode: provider.address?.zipCode,
zipCodeCtu: provider.address?.zipCodeCtu,
zipCodeCtu: provider.address?.zipCodeCtu
},
companyName: provider?.companyName,
phoneNumber: provider?.phoneNumber,
},
phoneNumber: provider?.phoneNumber
}
});
}
},
}
},
beforeUpdate() {
if (!this.dataLoaded) {
@ -411,7 +401,7 @@ export default {
const scenario = this.selectedProviderIsSafeliteShop
? this.navigationScenarios.CLICKED_FORWARD_WITH_SAFELITE_SHOP
: this.navigationScenarios
.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP;
.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP;
this.$router.navigate(scenario, this.$route);
},
getCustomValueFromString(str) {
@ -425,8 +415,8 @@ export default {
getShopButtonDataFromProvider(provider) {
const cellNumber = toDisplayPhoneNumber(provider?.phoneNumber);
const distance =
provider?.distanceInMiles !== null &&
!Number.isNaN(parseFloat(provider?.distanceInMiles))
provider?.distanceInMiles !== null
&& !Number.isNaN(parseFloat(provider?.distanceInMiles))
? +provider.distanceInMiles.toFixed(1)
: null;
@ -436,10 +426,10 @@ export default {
buttonBodyCopy: `${this.getProviderAddress(provider)}<br>${
cellNumber ?? ''
}`,
value: provider?.providerNumber ?? '',
value: provider?.providerNumber ?? ''
};
},
},
}
}
};
</script>