diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue index 902f1b59c..f65261448 100644 --- a/src/layouts/address-lookup/address-lookup.vue +++ b/src/layouts/address-lookup/address-lookup.vue @@ -186,6 +186,7 @@ export default { this.customerQuestions.addressQuestions.state ); + // Verify if the service zip code or registration zip code provided is serviceable const zipValidation = this.serviceZipCode ? this.validateZip(this.serviceZipCode) : this.validateZip(this.customerQuestions.addressQuestions.zipCode); const vinLookupResponse = await vinLookup; @@ -198,12 +199,16 @@ export default { return; } - // Validate if the original or service zip provided is serviceable + // if the neither the registration zip code or service zip code are not serviceable this.isZipServicable = zipValidationResponse.data.isServiceable; - if (!this.isZipServicable) { + if (!this.isZipServicable) { this.displayNonServiceableZipAlert = true; this.showServiceZipField = true; this.$refs.funnelFooter.removeLoader(); + } else if (!this.serviceZipCode) { + // if the registration zip code is servicable and nothing was entered for the service zip code + // then set the service zip code to the registration zip code + this.serviceZipCode = this.customerQuestions.addressQuestions.zipCode; } const carEntered = store.getters.vehicle; diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue index 4dde1dd61..fe62d7647 100644 --- a/src/layouts/estimate/estimate.vue +++ b/src/layouts/estimate/estimate.vue @@ -11,7 +11,7 @@
\ No newline at end of file diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index f11b920ad..05c251bfd 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -79,13 +79,6 @@ alertClass="alert-warning" cmsWidgetName="VinNotFound" /> - + + + + +
- - - - - diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss index 67bd9473b..92461bbf2 100644 --- a/src/styles/common-error-styles.scss +++ b/src/styles/common-error-styles.scss @@ -1,7 +1,8 @@ html { .has-error { &.list-button, - &.list-card { + &.list-card, + &.list-card.list-button { border: 1px solid $red; color: $red; input[type=checkbox]:focus + label, @@ -15,6 +16,14 @@ html { box-shadow: 0px 0px 0px 4px $red-200; border-radius: 10px; } + label { + border: 1px solid transparent; + } + label:hover { + box-shadow: 0px 0px 0px 4px $red-200; + border-radius: 10px; + border: 1px solid $red; + } } &.list-button-horizontal { color: $red; diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue index aba30934d..1f1a5046b 100644 --- a/src/ux-components/list-button/list-button.vue +++ b/src/ux-components/list-button/list-button.vue @@ -1,6 +1,6 @@