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

add big truck alert to policy-vehicles page

Browse source
This commit is contained in:
Katie Kroell 2025-09-08 10:37:45 -04:00
parent 7f8747dfb2
commit f4eb96ecb3
1 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -24,10 +24,17 @@
cmsWidgetName="PolicyVehiclesQuestion" cmsWidgetName="PolicyVehiclesQuestion"
:vehicles="VehiclesForQuestions" :vehicles="VehiclesForQuestions"
:validationRules="rules.optionRequired" /> :validationRules="rules.optionRequired" />
<alert
ref="AlertNoService"
v-if="displayNoServiceAlert"
class="mt-5"
cmsWidgetName="AlertVehicleSelection"
alertClass="alert-danger"
:isDismissable="false" />
<siteFooter <siteFooter
ref="siteFooter" ref="siteFooter"
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid || displayNoServiceAlert"
@ForwardClicked="forwardButtonAction" @ForwardClicked="forwardButtonAction"
@backClicked="backButtonAction" /> @backClicked="backButtonAction" />
</div> </div>
@ -58,6 +65,7 @@ import {
repairWaivedForSelectedVehicle repairWaivedForSelectedVehicle
} from '@/helpers/policy-vehicle-helper'; } from '@/helpers/policy-vehicle-helper';
import coverageType from '@/constants/coverage-type'; import coverageType from '@/constants/coverage-type';
import alert from '@/ux-components/alert/alert.vue';
export default { export default {
name: 'policy-vehicles', name: 'policy-vehicles',
@ -67,7 +75,8 @@ export default {
vehicleBanner, vehicleBanner,
policyVehiclesQuestion, policyVehiclesQuestion,
// eslint-disable-next-line vue/no-reserved-component-names // eslint-disable-next-line vue/no-reserved-component-names
Form Form,
alert
}, },
mixins: [BaseFormMixin], mixins: [BaseFormMixin],
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
@ -89,7 +98,8 @@ export default {
policyVinFound: true, policyVinFound: true,
rules: { rules: {
optionRequired: globalRules.OPTION_REQUIRED optionRequired: globalRules.OPTION_REQUIRED
} },
displayNoServiceAlert: false
}; };
}, },
computed: { computed: {
@ -115,7 +125,6 @@ export default {
if (this.selectedVehicleVin !== vehicleSelectionOptions.VEHICLE_NOT_LISTED) { if (this.selectedVehicleVin !== vehicleSelectionOptions.VEHICLE_NOT_LISTED) {
return this.policyVehicles.find((p) => p.vin === this.selectedVehicleVin); return this.policyVehicles.find((p) => p.vin === this.selectedVehicleVin);
} }
return null; return null;
}, },
noCoverageForSelectedVehicle() { noCoverageForSelectedVehicle() {
@ -137,6 +146,7 @@ export default {
}, },
watch: { watch: {
async selectedVehicleVin(value) { async selectedVehicleVin(value) {
this.resetAlert();
if (value === vehicleSelectionOptions.VEHICLE_NOT_LISTED) { if (value === vehicleSelectionOptions.VEHICLE_NOT_LISTED) {
// clear previously selected vehicle and image // clear previously selected vehicle and image
this.mainStore.resetVehicleState(); this.mainStore.resetVehicleState();
@ -151,6 +161,9 @@ export default {
this.displayGeneric = true; this.displayGeneric = true;
return; return;
} }
if (vehicle.data.isBigTruck && !vehicle.data.canSafeliteService) {
this.displayNoServiceAlert = true;
}
if (vehicle) { if (vehicle) {
// save selected vehicle to the store // save selected vehicle to the store
this.displayGeneric = false; this.displayGeneric = false;
@ -273,6 +286,9 @@ export default {
data: responseError.data data: responseError.data
}; };
} }
},
resetAlert() {
this.displayNoServiceAlert = false;
} }
} }
}; };