success alert for vin match

This commit is contained in:
Kroell 2023-03-10 12:12:12 -05:00
parent 29d96e9140
commit 934454141a
2 changed files with 7 additions and 2 deletions

View file

@ -1,7 +1,8 @@
const vehicleLookupAlertTypes = Object.freeze({ const vehicleLookupAlertTypes = Object.freeze({
NOT_FOUND: 'notFound', NOT_FOUND: 'notFound',
NOT_MATCHED: 'notMatched', NOT_MATCHED: 'notMatched',
TWO_IDENTICAL_YMM_MATCHED:'twoIdenticalYMMMatched' TWO_IDENTICAL_YMM_MATCHED:'twoIdenticalYMMMatched',
PERFECT_MATCH: 'perfectMatch'
}); });
export default vehicleLookupAlertTypes; export default vehicleLookupAlertTypes;

View file

@ -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 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 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 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 { export default {
name: 'vin-lookup-alerts', name: 'vin-lookup-alerts',
@ -30,6 +30,7 @@ export default {
vehicleNotFoundAlert, vehicleNotFoundAlert,
vehicleNotMatchedAlert, vehicleNotMatchedAlert,
twoIdenticalYMMVehicleAlert, twoIdenticalYMMVehicleAlert,
perfectMatchAlert
}, },
props: { props: {
activeAlertType: { activeAlertType: {
@ -51,6 +52,9 @@ export default {
isTwoIdenticalYMMVehicleFoundVisible(){ isTwoIdenticalYMMVehicleFoundVisible(){
return this.activeAlertType === vehicleLookupAlertTypes.TWO_IDENTICAL_YMM_MATCHED; return this.activeAlertType === vehicleLookupAlertTypes.TWO_IDENTICAL_YMM_MATCHED;
}, },
isPerfectMatchVisible() {
return this.activeAlertType === vehicleLookupAlertTypes.PERFECT_MATCH;
},
wrapperCssClass() { wrapperCssClass() {
return { return {
'mb-5': this.activeAlertType !== null, 'mb-5': this.activeAlertType !== null,