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)