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

Merge branch 'develop' into feature/kiener/INSR-7753

Browse source
This commit is contained in:
Katie Kroell 2026-01-27 16:34:23 -05:00
commit 0ab2752953
10 changed files with 77 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/App.vue
View file

@ -40,6 +40,17 @@ export default {
shouldShowTextCarousel() {
return this.globalNonpersistedState.showTextCarousel;
}
},
watch: {
shouldShowLoader(newVal) {
// prevent keyboard input when loader is shown, re-enable when hidden
if(newVal) {
document.onkeydown = () => false;
}
else {
document.onkeydown = null;
}
}
}
};
// Add a global Javascript exception handler for logging exceptions, this handler will log when there is an uncaught exception

30
src/constants/progress-bar-mapper.js
View file

@ -1,33 +1,33 @@
export const pageProgressMapper = {
'duplicate-check': {
percent: 10
},
'policy-holder-details': {
percent: 15
},
'policy-vehicles': {
percent: 15
},
'policy-endorsements': {
percent: 15
},
'vehicle-selection': {
percent: 20
},
'vehicle-damage': {
'policy-endorsements': {
percent: 20
},
'vehicle-selection': {
percent: 25
},
'policy-holder-details': {
percent: 30
},
'part-questions': {
'vehicle-damage': {
percent: 35
},
'molding-questions': {
'part-questions': {
percent: 40
},
'molding-questions': {
percent: 45
},
'vehicle-parts': {
percent: 40
percent: 45
},
'capability-questions': {
percent: 40
percent: 45
},
'vehicle-lookup': {
percent: 45
@ -69,7 +69,7 @@ export const pageProgressMapper = {
percent: 95
},
'tpa-search': {
percent: 85
percent: 80
},
'tpa-submit': {
percent: 95

2
src/digital-components/text-block/text-block.vue
View file

@ -7,7 +7,7 @@
:key="copy">
<span v-if="doesCopyContainRouterLink(copy)">
<routerLink
class="bold"
class="bold router-link"
:to="{
query: { issPage: `${getRouterLinkRouteFromCopy(copy)}` },
name: 'root',

6
src/iss-components/site-footer/site-footer.vue
View file

@ -82,9 +82,6 @@ export default {
mounted() {
this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
},
unmounted() {
document.onkeydown = null;
},
methods: {
onResize() {
this.paddingHeight = this.getFooterInfoBoxHeight();
@ -93,9 +90,6 @@ export default {
this.customButtontext = newText;
},
buttonClick() {
// prevent keyboard input after button click
document.onkeydown = () => false;
if ((!this.disableForwardAction && !this.isForwardActionDisabled && !this.isForwardButtonNavigationDisabled)) {
showIssLoadingModal(true);
}

16
src/layouts/address-lookup/address-lookup.vue
View file

@ -14,12 +14,16 @@
ref="siteSubHeader"
cmsWidgetName="SiteSubHeaderWidget"
class="mt-4" />
<customerQuestions
ref="customerQuestions"
v-model="customerQuestions" />
<alert
v-if="displayVinNotFoundAlert"
ref="alertVinNotFound"
class="mb-4 mt-4"
cmsWidgetName="AlertVinNotFoundWidget"
alertClass="alert-danger"
:isCollapsible="true"
:isDismissible="false" />
<alert
v-if="displayMatchedDifferentVehicleAlert"
@ -29,6 +33,7 @@
:manualHeadline="AlertMatchedDifferentVehicleHeader"
:manualCopy="AlertMatchedDifferentVehicleBody"
alertClass="alert-warning"
:isCollapsible="true"
:isDismissible="false" />
<alert
v-if="displayMatchedTwoIdenticalYMMVehicleAlert"
@ -38,6 +43,7 @@
:manualHeadline="AlertMatchedTwoIdenticalYMMVehicleHeader"
:manualCopy="AlertMatchedTwoIdenticalYMMVehicleBody"
alertClass="alert-warning"
:isCollapsible="true"
:isDismissible="false" />
<alert
v-if="displayVinLookupByHomeAddressNotAllowedAlert"
@ -45,6 +51,7 @@
class="mt-4"
cmsWidgetName="AlertVinLookupsByHomeAddressNotAllowedWidget"
alertClass="alert-danger"
:isCollapsible="true"
:isDismissible="false" />
<alert
v-if="displayNoServiceAlert"
@ -52,10 +59,8 @@
class="mt-5"
cmsWidgetName="AlertNoServiceWidget"
alertClass="alert-danger"
:isCollapsible="true"
:isDismissable="false" />
<customerQuestions
ref="customerQuestions"
v-model="customerQuestions" />
<siteFooter
ref="siteFooter"
class="mt-5"
@ -92,6 +97,7 @@ import {
import vinPagesMixin from '@/mixins/vin-pages-mixin';
import { useMainStore } from '@/store/index.js';
import showIssLoadingModal from '@/helpers/loading-modal-helper';
export default {
name: 'address-lookup',
@ -250,6 +256,7 @@ export default {
if (!resultMap.vinLookupResponse.isStatePermissible) {
// State Restrictions forbid lookup by address
this.displayVinLookupByHomeAddressNotAllowedAlert = true;
showIssLoadingModal(false);
return this.$refs.siteFooter.disableForwardButton();
}
@ -262,6 +269,7 @@ export default {
if (!carFound.canSafeliteService) {
this.displayNoServiceAlert = true;
showIssLoadingModal(false);
return this.$refs.siteFooter.disableForwardButton();
}
@ -281,6 +289,7 @@ export default {
await isGlassAvailableForCarId(carFound.carId);
// Update button "Continue with..."
showIssLoadingModal(false);
return this.$refs.siteFooter
// eslint-disable-next-line max-len
.updateButtonText(`Continue with ${carFound.year} ${carFound.make} ${carFound.model} ${this.forwardButtonCarStyle}`);
@ -306,6 +315,7 @@ export default {
} else {
// No VINS found.
this.displayVinNotFoundAlert = true;
showIssLoadingModal(false);
return this.$refs.siteFooter.disableForwardButton();
}

9
src/layouts/address-lookup/customer-questions/customer-questions.vue
View file

@ -2,7 +2,7 @@
<addressQuestions
ref="addressQuestions"
v-model="customerModel.addressQuestions" />
<div class="row mb-4">
<div class="row">
<div class="col">
<textboxQuestion
ref="firstName"
@ -13,7 +13,7 @@
:validationRules="rules.firstName" />
</div>
</div>
<div class="row mb-4">
<div class="row">
<div class="col">
<textboxQuestion
ref="lastName"
@ -76,3 +76,8 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.textbox-question {
margin-bottom: 1.25rem;
}
</style>

34
src/layouts/policy-vehicles/policy-vehicles.vue
View file

@ -297,7 +297,7 @@ export default {
}
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.iss-heritage-container-width {
.policy-vehicles-container {
position: relative;
@ -305,31 +305,17 @@ export default {
padding-left: .9375rem;
padding-right: .9375rem;
.subheader-secondary p {
:deep(.subheader-secondary p) {
text-align: left;
}
:deep(span.small) {
font-size: 1rem;
}
:deep(.form-test-error) {
text-align: left;
}
}
}
.policy-vehicles {
.button-question {
.question-text {
margin: 1rem 0;
span {
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
}
}
}
.form-test-error {
text-align: left
}
}
.list-button-content {
span.small {
font-size: 1rem;
}
}
</style>

8
src/layouts/provider-preference/provider-preference.vue
View file

@ -16,7 +16,7 @@
cmsWidgetName="SiteSubHeader"
class="mb-0 mt-4 text-center" />
<div
class="mt-4 mb-5"
class="mt-4 mb-5 strong-text-override"
v-html="scheduleWithSafeliteText"></div>
<buttonMain
ref="buttonMain"
@ -210,6 +210,12 @@ export default {
}
.provider-preference {
:deep(.strong-text-override) {
strong {
font-weight: $font-weight-bold;
color: $black;
}
}
#sub-header span {
color: $black;
}

12
src/styles/common-styles.scss
View file

@ -199,4 +199,16 @@ $heritage-btn-width: 9.0625rem; // 145px
// fixes flicker while transitioning between states
transition: background 0s 0s ease-in-out;
}
}
a.router-link {
color: $heritage-blue-primary;
text-decoration: none;
font-weight: $font-weight-bold;
&:hover,
&:focus {
color: #125b7e;
text-decoration: underline;
}
}

2
src/ux-components/alert/alert.vue
View file

@ -57,7 +57,7 @@
<textBlock
:customText="paragraph"
class="mb-1"
marginTopSizeOverride="0" />
:marginTopSizeOverride="0" />
</template>
<template
v-for="copy in splitCopyOnCMSPlaceHolder(paragraph)"