From 934454141a0d59be6570f62fff87879d3cfe10f4 Mon Sep 17 00:00:00 2001 From: Kroell Date: Fri, 10 Mar 2023 12:12:12 -0500 Subject: [PATCH] success alert for vin match --- src/constants/vehicle-lookup-alert-types.js | 3 ++- .../vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue | 6 +++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/constants/vehicle-lookup-alert-types.js b/src/constants/vehicle-lookup-alert-types.js index f658876e..293f887c 100644 --- a/src/constants/vehicle-lookup-alert-types.js +++ b/src/constants/vehicle-lookup-alert-types.js @@ -1,7 +1,8 @@ const vehicleLookupAlertTypes = Object.freeze({ NOT_FOUND: 'notFound', NOT_MATCHED: 'notMatched', - TWO_IDENTICAL_YMM_MATCHED:'twoIdenticalYMMMatched' + TWO_IDENTICAL_YMM_MATCHED:'twoIdenticalYMMMatched', + PERFECT_MATCH: 'perfectMatch' }); export default vehicleLookupAlertTypes; diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue index ebbf17af..3625f2a1 100644 --- a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue +++ b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue @@ -22,7 +22,7 @@ import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types'; import vehicleNotFoundAlert from '@/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-found-alert/vehicle-not-found-alert'; import vehicleNotMatchedAlert from '@/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert'; import twoIdenticalYMMVehicleAlert from '@/layouts/vin-lookup/vin-lookup-alerts/two-identical-ymm-vehicle-alert/two-identical-ymm-vehicle-alert' - +import perfectMatchAlert from '@/layouts/vin-lookup/vin-lookup-alerts//perfect-match-alert/perfect-match-alert.vue'; export default { name: 'vin-lookup-alerts', @@ -30,6 +30,7 @@ export default { vehicleNotFoundAlert, vehicleNotMatchedAlert, twoIdenticalYMMVehicleAlert, + perfectMatchAlert }, props: { activeAlertType: { @@ -51,6 +52,9 @@ export default { isTwoIdenticalYMMVehicleFoundVisible(){ return this.activeAlertType === vehicleLookupAlertTypes.TWO_IDENTICAL_YMM_MATCHED; }, + isPerfectMatchVisible() { + return this.activeAlertType === vehicleLookupAlertTypes.PERFECT_MATCH; + }, wrapperCssClass() { return { 'mb-5': this.activeAlertType !== null,