From 2fd175711ae88d1ff41abab65ea97c1eb701cf9a Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Mon, 15 Aug 2022 10:15:30 -0400
Subject: [PATCH] CSR-111 Get capability questions

---
 .../question-chain/question-chain.vue         |  2 ++
 src/constants/endpoints.js                    |  4 +++
 src/constants/store-actions.js                |  1 +
 .../capability-questions.vue                  | 32 +++++++++++--------
 src/layouts/vehicle-parts/vehicle-parts.vue   |  4 +--
 src/mixins/vin-pages-mixin.js                 |  6 +++-
 src/router/router-constants/routing-table.js  |  4 +++
 src/store/index.js                            |  7 ++++
 8 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/src/common-components/question-chain/question-chain.vue b/src/common-components/question-chain/question-chain.vue
index 9fa281f50..b79c7f341 100644
--- a/src/common-components/question-chain/question-chain.vue
+++ b/src/common-components/question-chain/question-chain.vue
@@ -1,5 +1,7 @@
 <template>
     <div v-for="(q, i) in questions" :key="i">
+    {{ questions }}<br/>
+    {{q}}
         <transition appear name="fade" mode="out-in">
             <buttonQuestion
                 v-if="q.answerSelected || (q.questionSequence === currentQuestionNum)"
diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 3b3bc8bde..01e28d90f 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -59,6 +59,10 @@ const endpoints = {
     url: "/parts/api/v1/parts/parts",
     method: "POST",
   },
+  GetCapabilityQuestions: {
+    url: "/parts/api/v1/parts/capability-questions",
+    method: "GET"
+  },
   SaveOrder: {
     url: "/order/api/v1/order/save",
     method: "POST",
diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index 9f8ad36f6..3173243e0 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -21,6 +21,7 @@ const storeActions = {
 
   GET_PARTS_OR_QUESTIONS: "getPartsOrQuestions",
   GET_PARTS: "getParts",
+  GET_CAPABILITY_QUESTIONS: "getCapabilityQuestions",
   SAVE_ORDER: "saveOrder",
   LOAD_ORDER: "loadOrder",
   UPDATE_STORE_WITH_SAVE_ORDER_RESPONSE: "updateStoreWithSaveOrderResponse",
diff --git a/src/layouts/capability-questions/capability-questions.vue b/src/layouts/capability-questions/capability-questions.vue
index a29aa3779..29b4bd78b 100644
--- a/src/layouts/capability-questions/capability-questions.vue
+++ b/src/layouts/capability-questions/capability-questions.vue
@@ -20,13 +20,12 @@
                     :manualCopy="AlertFewMoreQuestionsCopy"
                     v-bind:isDismissible="false"
                 />
-                <div v-for="(part, i) in capabilityQuestionsData" :key="i">
+                <div v-for="(question, i) in capabilityQuestionsData" :key="i">
                     <questionChain
                         ref="questionChain"
                         v-model="selectedModel"
-                        :questionData="part"
+                        :questionData="question"
                         :partIndex="i"
-                        v-if="showThisPartQuestionChain(part, i)"
                         validationRules="questions-required"
                     />
                 </div>
@@ -71,6 +70,7 @@ export default {
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+        const getCapabilityQuestions = store.dispatch(storeActions.GET_CAPABILITY_QUESTIONS, store.getters.pageData(fmgPageValues.CAPABILITY_QUESTIONS));
 
         // Settle promises and get results
         const promiseResultMap = [
@@ -78,6 +78,10 @@ export default {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "capabilityQuestions",
+                promise: getCapabilityQuestions,
+            },
          ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
@@ -85,20 +89,14 @@ export default {
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.capabilityQuestionsData = resultMap.capabilityQuestions;
+            console.log("CQ: ", resultMap.capabilityQuestions)
         });
     },
     data() {
         return {
             selectedModel: [],
-            partsQuestionsData: this.$store.getters.pageData(fmgPageValues.CAPABILITY_QUESTIONS).partsOrQuestions.filter((p) => {
-                if (Array.isArray(p.partQuestions) && p.partQuestions.length > 0) {
-                    return {
-                        glassName: p.glassName,
-                        glassLocation: p.glassLocation,
-                        partQuestions: p.partQuestions,
-                    };
-                }
-            }),
+            capabilityQuestionsData: [],
             currentPartNum: 0,
         };
     },
@@ -112,8 +110,8 @@ export default {
     },
     methods: {
         arePagePrerequisitesValid() {
-            return false; // TODO - DO TRUE TEST OF PAGEDATA
-            // return Object.keys(store.getters.pageData(fmgPageValues.CAPABILITY_QUESTIONS)).length > 0;
+            const capabilityQuestionsPageData = store.getters.pageData(fmgPageValues.CAPABILITY_QUESTIONS);
+            return capabilityQuestionsPageData && Object.keys(capabilityQuestionsPageData).length > 0;
         },
         showThisPartQuestionChain(part, i) {
             if (part.partQuestions?.length < 1) { return false; } // return false if only one partQuestion
@@ -129,6 +127,12 @@ export default {
         },
         async forwardButtonAction() {
             // TODO: TO COME
+            // if questions are answered:
+
+            this.$router.navigate(
+                this.navigationScenarios.CLICKED_FORWARD,
+                this.$route
+            );
         },
     },
     watch: {
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index c7f1424a1..cd579fdcb 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -132,8 +132,8 @@ export default {
                             ColorAnswerText: p.color,
                             FeatureAnswers: [
                                 {
-                                FeatureAnswerText: p.description === "" ? p.color : p.description,
-                                PartNumber: p.partNumber,
+                                    FeatureAnswerText: p.description === "" ? p.color : p.description,
+                                    PartNumber: p.partNumber,
                                 },
                             ],
                         });
diff --git a/src/mixins/vin-pages-mixin.js b/src/mixins/vin-pages-mixin.js
index a7ba799a2..38f804bc2 100644
--- a/src/mixins/vin-pages-mixin.js
+++ b/src/mixins/vin-pages-mixin.js
@@ -2,6 +2,7 @@ import { storeActions } from "@/constants/store-actions.js";
 import { storeMutations } from "@/constants/store-mutations.js";
 import { navigateToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
+import { damageLocationsSelected } from "@/constants/damage-locations-selected";
 
 export default {
     mixins: [vehicleQuestionsMixin],
@@ -26,7 +27,10 @@ export default {
                 this.$router.navigate(this.navigationScenarios.SELECTED_VIN_WITH_MOLDING_QUESTIONS, this.$route, {}, {}, result.data);
             }
             else if (hasCapabilityQuestions) {
-                this.$router.navigate(this.navigationScenarios.SELECTED_VIN_WITH_CAPABILITY_QUESTIONS, this.$route, {}, {}, result.data);
+                this.$router.navigate(this.navigationScenarios.SELECTED_VIN_WITH_CAPABILITY_QUESTIONS, this.$route, {}, {}, {
+                    carId: this.$store.getters.vehicle.carId,
+                    partNumber: result.data.partsOrQuestions.filter(x => x.glassLocation === damageLocationsSelected.WINDSHIELD)[0].parts[0].partNumber
+                });
             }
             else {
                 // if single parts only
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 37fb1c13e..99b7c0bb1 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -297,6 +297,10 @@ const routingTable = function(store) {
           scenario: navigationScenarios.CLICKED_BACK,
           destinationFmgPageValue: fmgPageValues.VEHICLE_PARTS
         },
+        {
+          scenario: navigationScenarios.CLICKED_FORWARD,
+          destinationFmgPageValue: fmgPageValues.QUOTE
+        },
       ]
     },
   ];
diff --git a/src/store/index.js b/src/store/index.js
index 6aeca59eb..f6c8f83d8 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -722,6 +722,13 @@ export const actions = {
     });
   },
 
+  getCapabilityQuestions(context, { carId, partNumber }) {
+    return globalMethods.callHttpClient({
+      method: endpoints.GetCapabilityQuestions.method,
+      endpoint: `${endpoints.GetCapabilityQuestions.url}/${carId}/${partNumber}`,
+    })
+  },
+
   // Order API Actions
   saveOrder(context) {
     const vehicle = context.getters.vehicle;