Merge pull request #678 from Safelite/feature/richardson/misc-style-fixes
formatting
This commit is contained in:
commit
72d3eb0866
1 changed files with 23 additions and 28 deletions
|
|
@ -120,7 +120,9 @@
|
||||||
isRequired
|
isRequired
|
||||||
isSmallQuestionLabelText
|
isSmallQuestionLabelText
|
||||||
disableAutoFill />
|
disableAutoFill />
|
||||||
<div id="welcomeFooter" class="row">
|
<div
|
||||||
|
id="welcomeFooter"
|
||||||
|
class="row">
|
||||||
<alert
|
<alert
|
||||||
v-if="displayInvalidZipAlert"
|
v-if="displayInvalidZipAlert"
|
||||||
ref="alertInvalidZip"
|
ref="alertInvalidZip"
|
||||||
|
|
@ -138,7 +140,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Footer image component must have parent (usually container-fluid)
|
<!-- Footer image component must have parent (usually container-fluid)
|
||||||
set to display: flex and height 100dvh or height 100% -->
|
set to display: flex and height 100dvh or height 100% -->
|
||||||
<footerImage />
|
<footerImage />
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
|
|
@ -161,7 +163,7 @@ import footerImage from '@/iss-components/site-footer/footer-image/footer-image.
|
||||||
import {
|
import {
|
||||||
fetchCmsContentForPage,
|
fetchCmsContentForPage,
|
||||||
fetchGlobalCmsContent,
|
fetchGlobalCmsContent,
|
||||||
updateCmsSiteHeader,
|
updateCmsSiteHeader
|
||||||
} from '@/helpers/cms-content-helper';
|
} from '@/helpers/cms-content-helper';
|
||||||
import settleAllPromises from '@/helpers/layout-helper';
|
import settleAllPromises from '@/helpers/layout-helper';
|
||||||
import { required } from '@/helpers/validation-rules';
|
import { required } from '@/helpers/validation-rules';
|
||||||
|
|
@ -194,7 +196,7 @@ export default {
|
||||||
siteFooter,
|
siteFooter,
|
||||||
textBlock,
|
textBlock,
|
||||||
// eslint-disable-next-line vue/no-reserved-component-names
|
// eslint-disable-next-line vue/no-reserved-component-names
|
||||||
Form,
|
Form
|
||||||
},
|
},
|
||||||
mixins: [BaseFormMixin],
|
mixins: [BaseFormMixin],
|
||||||
async beforeRouteEnter(to, from, next) {
|
async beforeRouteEnter(to, from, next) {
|
||||||
|
|
@ -207,12 +209,12 @@ export default {
|
||||||
const promiseResultMap = [
|
const promiseResultMap = [
|
||||||
{
|
{
|
||||||
resultKey: 'cmsContent',
|
resultKey: 'cmsContent',
|
||||||
promise: cmsContentPromise,
|
promise: cmsContentPromise
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
resultKey: 'globalSiteHeaderCmsContent',
|
resultKey: 'globalSiteHeaderCmsContent',
|
||||||
promise: cmsGlobalSiteHeaderContentPromise,
|
promise: cmsGlobalSiteHeaderContentPromise
|
||||||
},
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
// use resultMap to populate layout content.
|
// use resultMap to populate layout content.
|
||||||
|
|
@ -244,8 +246,8 @@ export default {
|
||||||
lossState: `${globalRules.DATE_OF_LOSS_STATE_REQUIRED}`,
|
lossState: `${globalRules.DATE_OF_LOSS_STATE_REQUIRED}`,
|
||||||
policyNumber: `${globalRules.POLICY_NUMBER_REQUIRED}|${globalRules.POLICY_NUMBER_FORMAT}`,
|
policyNumber: `${globalRules.POLICY_NUMBER_REQUIRED}|${globalRules.POLICY_NUMBER_FORMAT}`,
|
||||||
policyZip: `${globalRules.POLICY_ZIP_REQUIRED}|${globalRules.POLICY_ZIP_FORMAT}`,
|
policyZip: `${globalRules.POLICY_ZIP_REQUIRED}|${globalRules.POLICY_ZIP_FORMAT}`,
|
||||||
phoneNumber: `${globalRules.PHONE_NUMBER_REQUIRED}|${globalRules.PHONE_NUMBER_FORMAT}`,
|
phoneNumber: `${globalRules.PHONE_NUMBER_REQUIRED}|${globalRules.PHONE_NUMBER_FORMAT}`
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -300,7 +302,7 @@ export default {
|
||||||
},
|
},
|
||||||
phoneMask() {
|
phoneMask() {
|
||||||
return MaskaFormattedMasks.PHONE_NUMBER;
|
return MaskaFormattedMasks.PHONE_NUMBER;
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async forwardButtonAction() {
|
async forwardButtonAction() {
|
||||||
|
|
@ -335,8 +337,8 @@ export default {
|
||||||
)
|
)
|
||||||
.finally(async () => {
|
.finally(async () => {
|
||||||
if (
|
if (
|
||||||
this.isCoverageEnabled &&
|
this.isCoverageEnabled
|
||||||
!this.maxCoverageLookupAttemptsReached
|
&& !this.maxCoverageLookupAttemptsReached
|
||||||
) {
|
) {
|
||||||
await this.mainStore
|
await this.mainStore
|
||||||
.getCoveragePolicyInfo()
|
.getCoveragePolicyInfo()
|
||||||
|
|
@ -362,29 +364,24 @@ export default {
|
||||||
providerNumber: providerNumber.toString(),
|
providerNumber: providerNumber.toString(),
|
||||||
billToSelectionCriteria: {
|
billToSelectionCriteria: {
|
||||||
typeOfClaim: 'GLASS ONLY',
|
typeOfClaim: 'GLASS ONLY',
|
||||||
lineOfBusiness: 'PERSONAL',
|
lineOfBusiness: 'PERSONAL'
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const response = await globalMethods.callHttpClient({
|
const response = await globalMethods.callHttpClient({
|
||||||
method: endpoints.GetBillToInfo.method,
|
method: endpoints.GetBillToInfo.method,
|
||||||
endpoint: endpoints.GetBillToInfo.url,
|
endpoint: endpoints.GetBillToInfo.url,
|
||||||
payload,
|
payload
|
||||||
});
|
});
|
||||||
|
|
||||||
return response.data;
|
return response.data;
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error(
|
console.error(`Error Status Code: ${err.data?.status}: ${err.data?.title}`);
|
||||||
`Error Status Code: ${err.data?.status}: ${err.data?.title}`
|
|
||||||
);
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
navigateForward() {
|
navigateForward() {
|
||||||
if (
|
if (this.mainStore.applicationUser.duplicateOrders?.length > 0 ?? false) {
|
||||||
this.mainStore.applicationUser.duplicateOrders?.length > 0 ??
|
|
||||||
false
|
|
||||||
) {
|
|
||||||
this.$router.navigate(
|
this.$router.navigate(
|
||||||
this.navigationScenarios.CLICKED_FORWARD_WITH_DUPLICATES,
|
this.navigationScenarios.CLICKED_FORWARD_WITH_DUPLICATES,
|
||||||
this.$route,
|
this.$route,
|
||||||
|
|
@ -429,15 +426,13 @@ export default {
|
||||||
damageCause: this.mainStore.order.policy.damageCause,
|
damageCause: this.mainStore.order.policy.damageCause,
|
||||||
damageState: this.mainStore.order.policy.damageState,
|
damageState: this.mainStore.order.policy.damageState,
|
||||||
damageCity: this.mainStore.order.policy.damageCity,
|
damageCity: this.mainStore.order.policy.damageCity,
|
||||||
isDamageGlassOnly:
|
isDamageGlassOnly: this.mainStore.order.policy.isDamageGlassOnly,
|
||||||
this.mainStore.order.policy.isDamageGlassOnly,
|
|
||||||
phoneNumber: this.mainStore.order.contactInfo.homePhone,
|
phoneNumber: this.mainStore.order.contactInfo.homePhone,
|
||||||
email: this.mainStore.order.customer.emailAddress,
|
email: this.mainStore.order.customer.emailAddress,
|
||||||
isPolicyNumberDisabled:
|
isPolicyNumberDisabled: this.mainStore.order.policy.isPolicyNumberDisabled
|
||||||
this.mainStore.order.policy.isPolicyNumberDisabled,
|
|
||||||
};
|
};
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue