diff --git a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
new file mode 100644
index 000000000..fdd011c03
--- /dev/null
+++ b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index dbc2d5c06..78877dad8 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -9,23 +9,27 @@
+
+
+
-new section:
-
-
-
-
-
-
-
item.glassLocation: {{ item.glassLocation }}
-
item.glassName: {{ item.glassName }}
-
item.colorAnswers: {{ item.colorAnswers }}
-
+
+
+
+ {{ copy.split(':')[1].split(',')[1] }}
+
+
+
-
-
-
+
{
+ return vehiclesData;
+
+ // // Map API result data, to address-vehicles data structure
+ // const mappedData = vehiclesData.partsOrQuestions.map((g) => {
// return {
// glassName: g.glassName,
// glassLocation: g.glassLocation,
@@ -264,8 +290,8 @@ export default {
// return mappedData;
},
- PartsFromApi() {
- return store.getters.pageData(fmgPageValues.VEHICLE_PARTS);
+ VehiclesFromApi() {
+ return store.getters.pageData(fmgPageValues.ADDRESS_VEHICLES);
},
isVinFieldReadOnly(){
return this.$store.getters.payment.insuranceCoverage.isVerified;
@@ -372,10 +398,11 @@ export default {
funnelHeader,
vehicleBanner,
funnelSubHeader,
- textboxQuestion,
+ // textboxQuestion,
alert,
funnelFooter,
- vinInformation,
+ // vinInformation,
+ addressVehiclesQuestion,
},
};
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 7cd719ba7..9a2aa4eba 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -41,7 +41,7 @@ export default {
isDismissible: Boolean,
/*
alertClass class names:
- alert-sucess (green)
+ alert-success (green)
alert-danger (red)
alert-warning (yellow)
alert-info (blue)