From f95576cb762d4735230cf57a42e110cc0ab782bd Mon Sep 17 00:00:00 2001 From: hiteshkumar87 Date: Fri, 17 Feb 2023 20:39:03 +0530 Subject: [PATCH] SSR-253 Added style to address-lookup, license plate lookup and vin lookup for Two identical YMM vehicles display. --- src/layouts/address-lookup/address-lookup.vue | 10 +++++----- .../license-plate-lookup/license-plate-lookup.vue | 10 +++++----- .../vehicle-not-matched-alert.vue | 3 +++ src/layouts/vin-lookup/vin-lookup.vue | 4 ++-- 4 files changed, 15 insertions(+), 12 deletions(-) diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue index 5bcdeb86..4b7f0f30 100644 --- a/src/layouts/address-lookup/address-lookup.vue +++ b/src/layouts/address-lookup/address-lookup.vue @@ -180,7 +180,7 @@ export default { // Update button "Continue with..." this.$refs.siteFooter.updateButtonText( - `Continue with ${carFound.year} ${carFound.make} ${carFound.model}` + `Continue with ${carFound.year} ${carFound.make} ${carFound.model} ${carFound.style}` ); return this.$refs.siteFooter.removeLoader(); } @@ -277,13 +277,13 @@ export default { ).replaceAll("{custom:damage}", getDamageString()); }, AlertMatchedDifferentVehicleBody() { - const vinYmmFound = `${this.customAlertData?.vehicleInfo?.year} ${this.customAlertData?.vehicleInfo?.make} ${this.customAlertData?.vehicleInfo?.model}`; - const vinYmmExpected = `${this.mainStore.order.vehicle.year} ${this.mainStore.order.vehicle.make} ${this.mainStore.order.vehicle.model}`; + const vinYmmsFound = `${this.customAlertData?.vehicleInfo?.year} ${this.customAlertData?.vehicleInfo?.make} ${this.customAlertData?.vehicleInfo?.model} ${this.customAlertData?.vehicleInfo?.style}`; + const vinYmmsExpected = `${this.mainStore.order.vehicle.year} ${this.mainStore.order.vehicle.make} ${this.mainStore.order.vehicle.model} ${this.mainStore.order.vehicle.style}`; return this.getCmsContent("AlertMatchedDifferentVehicleWidget", "BodyText") .replaceAll("{custom:damage}", getDamageString()) - .replaceAll("{custom:vinYmmFound}", vinYmmFound) - .replaceAll("{custom:vinYmmExpected}", vinYmmExpected); + .replaceAll("{custom:vinYmmsFound}", vinYmmsFound) + .replaceAll("{custom:vinYmmsExpected}", vinYmmsExpected); }, }, watch: { diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue index 404a8785..62687a08 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.vue +++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue @@ -185,7 +185,7 @@ export default { // Update button "Continue with..." this.$refs.siteFooter.updateButtonText( - `Continue with ${vehicleFromLookup.year} ${vehicleFromLookup.make} ${vehicleFromLookup.model}` + `Continue with ${vehicleFromLookup.year} ${vehicleFromLookup.make} ${vehicleFromLookup.model} ${vehicleFromLookup.style}` ); return this.$refs.siteFooter.removeLoader(); } @@ -237,13 +237,13 @@ export default { ).replaceAll("{custom:damage}", getDamageString()); }, AlertMatchedDifferentVehicleBody() { - const vinYmmFound = `${this.customAlertData?.vehicleInfo?.year} ${this.customAlertData?.vehicleInfo?.make} ${this.customAlertData?.vehicleInfo?.model}`; - const vinYmmExpected = `${this.mainStore.order.vehicle.year} ${this.mainStore.order.vehicle.make} ${this.mainStore.order.vehicle.model}`; + const vinYmmsFound = `${this.customAlertData?.vehicleInfo?.year} ${this.customAlertData?.vehicleInfo?.make} ${this.customAlertData?.vehicleInfo?.model} ${this.customAlertData?.vehicleInfo?.style}`; + const vinYmmsExpected = `${this.mainStore.order.vehicle.year} ${this.mainStore.order.vehicle.make} ${this.mainStore.order.vehicle.model} ${this.mainStore.order.vehicle.style}`; return this.getCmsContent("AlertMatchedDifferentVehicleWidget", "BodyText") .replaceAll("{custom:damage}", getDamageString()) - .replaceAll("{custom:vinYmmFound}", vinYmmFound) - .replaceAll("{custom:vinYmmExpected}", vinYmmExpected); + .replaceAll("{custom:vinYmmsFound}", vinYmmsFound) + .replaceAll("{custom:vinYmmsExpected}", vinYmmsExpected); }, stateOptions: { get: function () { diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue b/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue index 47039951..1f000e5f 100644 --- a/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue +++ b/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue @@ -29,11 +29,13 @@ export default { let year = ''; let make = ''; let model = ''; + let style = ''; if (this.vehicleFromLookup) { year = this.vehicleFromLookup.year; make = this.vehicleFromLookup.make; model = this.vehicleFromLookup.model; + style = this.vehicleFromLookup.style; } return ( @@ -42,6 +44,7 @@ export default { .replaceAll('{custom:vinlookupYear}', year) .replaceAll('{custom:vinlookupMake}', make) .replaceAll('{custom:vinlookupModel}', model) + .replaceAll('{custom:vinlookupStyle}', style) ); }, }, diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index c54c2b7e..ff9def10 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -153,8 +153,8 @@ export default { if (this.needToLookupVehicle && this.isCarIdDifferentFromTheStore) { this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.NOT_MATCHED; - const vehicleYearMakeModel = `${this.vehicleFromLookup.year} ${this.vehicleFromLookup.make} ${this.vehicleFromLookup.model}`; - this.$refs.siteFooter.updateButtonText(`Continue with ${vehicleYearMakeModel}`); + const vehicleYearMakeModelStyle = `${this.vehicleFromLookup.year} ${this.vehicleFromLookup.make} ${this.vehicleFromLookup.model} ${this.vehicleFromLookup.style}`; + this.$refs.siteFooter.updateButtonText(`Continue with ${vehicleYearMakeModelStyle}`); this.$refs.siteFooter.removeLoader(); this.needToLookupVehicle = false;