Merge remote-tracking branch 'origin/feature/CSR-297' into feature/CSR-335

2022-02-24 15:07:07 -05:00 · 2022-02-24 15:07:07 -05:00 · d17f214967
commit d17f214967
parent 7daa667552 287c1e97df
13 changed files with 152 additions and 20 deletions
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@ -13,7 +13,7 @@
              :key="answer.Name ? answer.Name : answer"
              @isCheckedChanged="handleCheckedChanged"
              :buttonID="answer.Name ? groupName + '-' + answer.Name : groupName + '-' + answer"
-              :value="answer.Name ? answer.Name : answer"
+              :value="getValues(answer)"
              :buttonLabel="answer.Text ? answer.Text : answer"
              :buttonLabelSubCopy="answer.SubText"
              :textPosition="textPosition"
@ -79,6 +79,7 @@ export default {
    modelValue: Array,
    validationRules: String,
    suppressError: Boolean,
+    useTextForValue: Boolean,
  },
  computed: {
    getFieldSetClasses() {
@ -121,6 +122,12 @@ export default {
    },
  },
  methods: {
+    getValues(answer){
+      if (this.useTextForValue){
+        return answer.Text
+      }
+      return answer.Name ? answer.Name : answer;
+    },
    handleCheckedChanged(val) {
      if(this.isMultiSelect && this.selectedValues) {
        // Add or remove item to array of data to emit
--- a/src/common-components/dropdown-question/dropdown-question.vue
+++ b/src/common-components/dropdown-question/dropdown-question.vue
@ -30,15 +30,11 @@ export default {
    margin-bottom: .25rem;
  }
  .form-select {
-    color: $gray-500;
+    color: $gray-600;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8.89' xml:space='preserve'%3e%3cpath d='M8 8.89c-.24 0-.46-.09-.63-.26L.26 1.53a.901.901 0 0 1 0-1.27C.43.1.66 0 .9 0s.47.1.64.26L8 6.74 14.47.27c.17-.17.4-.27.64-.27s.47.1.63.27c.17.17.26.4.26.64s-.1.47-.27.63l-7.1 7.09a.86.86 0 0 1-.63.26z' fill='%231474a2'/%3e%3c/svg%3e");
    border: 1px solid $gray-500;
    border-radius: .5rem;
    min-height: 3rem;
-    option[selected] {
-      color: $gray-500;
-      background-color: red;
-    }
    &:focus,
    &:focus-visible {
      box-shadow: 0 0 0 2px $blue;
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@ -43,6 +43,10 @@ const endpoints = {
    url: "/vehicle/api/v1/vehicle/Lookup",
    method: "POST",
  },
+  GetPartsOrQuestions: {
+    url: "/parts/api/v1/parts/parts-or-questions",
+    method: "POST",
+  },
 };

 export { endpoints };
--- a/src/constants/store-mutations.js
+++ b/src/constants/store-mutations.js
@ -10,6 +10,9 @@ const storeMutations = {
  UPDATE_VEHICLE_IMAGE_URL: "updateVehicleImageUrl",
  UPDATE_VEHICLE_IMAGE_VIF_NUMBER: "updateVehicleImageVifNumber",
  UPDATE_VEHICLE_IMAGE_COLOR: "updateVehicleImageColor",
+  UPDATE_IS_REPAIR: "updateIsRepair",
+  UPDATE_NUMBER_OF_CHIPS: "updateNumberOfChips",
+  UPDATE_GLASS_TO_REPLACE: "updateGlassToReplace",

  // EVENT BUS MUTATIONS
  ADD_EVENT_TO_BUS: "addEventToBus",
--- a/src/layouts/vehicle-damage/replace-options-question/replace-options-question.vue
+++ b/src/layouts/vehicle-damage/replace-options-question/replace-options-question.vue
@ -52,7 +52,7 @@ export default ({
        },
        updateSelectedValues() {
            // UPDATE SELECTEDVALUES IF ONLY ONE ANSWER
-            if(Array.isArray(this.answersToDisplay) && this.answersToDisplay.length === 1 && this.selectedValues) {
+            if(Array.isArray(this.answersToDisplay) && this.answersToDisplay.length === 1) {
                this.selectedValues = [this.answersToDisplay[0].Name];
            }
        },
--- a/src/layouts/vehicle-damage/side-door-options/side-door-options.vue
+++ b/src/layouts/vehicle-damage/side-door-options/side-door-options.vue
@ -102,10 +102,10 @@ export default ({
            });
        },
        isDriverSideReplaceOptionsQuestionAvailable(){
-            return Array.isArray(this.selectedDoorSidesValues) && this.selectedDoorSidesValues.includes("DriverSide");
+            return (Array.isArray(this.selectedDoorSidesValues) && this.selectedDoorSidesValues.includes("DriverSide") && (Array.isArray(this.selectedDamageLocations) && this.selectedDamageLocations.includes("SideDoor")));
        },
        isPassengerSideReplaceOptionsQuestionAvailable(){
-            return Array.isArray(this.selectedDoorSidesValues) && this.selectedDoorSidesValues.includes("PassengerSide");
+            return (Array.isArray(this.selectedDoorSidesValues) && this.selectedDoorSidesValues.includes("PassengerSide") && (Array.isArray(this.selectedDamageLocations) && this.selectedDamageLocations.includes("SideDoor")));
        },
    },
    components: {
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@ -25,7 +25,7 @@
          v-model="selectedRearReplaceOptions"
          groupName="BackGlassReplaceOptionsQuestion"
        />
-        <funnelFooter ref="funnelFooter" @back-clicked="backButtonAction" />
+        <funnelFooter ref="funnelFooter" @back-clicked="backButtonAction" @ForwardClicked="forwardButtonAction" />
    </div>
 </template>

@ -41,6 +41,7 @@ import windshieldOptions from "@/layouts/vehicle-damage/windshield-options/winds
 import replaceOptionsQuestion from "@/layouts/vehicle-damage/replace-options-question/replace-options-question";

 // Supporting files
+import { routerParameterKeys } from "@/router/router-constants/router-parameter-keys";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
@ -102,14 +103,6 @@ export default {
      );
    });
  },
-  computed: {
-    isRearWindowDamageLocation() {
-      return this.selectedDamageLocations.some(selectedDamages => 
-        {
-          return selectedDamages.toUpperCase() === "REARWINDOW";
-        });
-    },
-  },
  data(){
    return {
      selectedDamageLocations: [],
@ -137,7 +130,99 @@ export default {
        this.$route
      );
    },
+    async forwardButtonAction() {
+      var windshieldChipCount = this.selectedWindshieldOptions.selectedWindshieldChipCount && this.isWindshieldDamageLocation ? 
+        this.selectedWindshieldOptions.selectedWindshieldChipCount[0] : null;
+
+      this.$store.commit(this.storeMutations.UPDATE_IS_REPAIR, this.isWindshieldRepair);
+      
+      if (windshieldChipCount){
+        this.$store.commit(this.storeMutations.UPDATE_NUMBER_OF_CHIPS, parseInt(windshieldChipCount));
+      }
+
+      this.$store.commit(this.storeMutations.UPDATE_GLASS_TO_REPLACE, this.selectedGlassToReplace());
+
+      const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction(this.storeActions.GET_PARTS_OR_QUESTIONS,
+      { carId: this.$store.getters.vehicle.carId, glassArray: this.selectedGlassToReplace()}, false);
+
+      this.$router.navigateAfterSave(this.navigationScenarios.SELECTED_GLASS_MULTIPLE_PARTS, this.$route, { [routerParameterKeys.VEHICLE_PARTS_DATA]: partsData});
+    },
+
+    selectedGlassToReplace() {
+      var selectedGlassToReplace = [];
+      if (this.isWindshieldDamageLocation && !this.isWindshieldRepair){
+          this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.forEach(wsItem => {
+            selectedGlassToReplace.push({ location: "Windshield", name: wsItem});
+          })
+      }
+
+      if (this.isDriverSideReplace){
+        this.sideDoorOptionsData.selectedDriverSideReplaceOptions.forEach(driverItem => {
+          selectedGlassToReplace.push({ location: "Driver", name: driverItem});
+        })
+      }
+
+      if (this.isPassengerSideReplace){
+        this.sideDoorOptionsData.selectedPassengerSideReplaceOptions.forEach(passengerItem => {
+          selectedGlassToReplace.push({ location: "Passenger", name: passengerItem});
+        })
+          selectedGlassToReplace = Array.prototype.concat.apply([], [selectedGlassToReplace, this.sideDoorOptionsData.selectedDoorSides.selectedPassengerSideReplaceOptions]);
+      }
+
+      if (this.isRearWindowDamageLocation) {
+          this.selectedRearReplaceOptions.forEach(rearItem => {
+            selectedGlassToReplace.push({ location: "Rear", name: rearItem});
+          })
+      }
+      
+      return selectedGlassToReplace;
+    },
  },
+  computed:{
+    isWindshieldDamageLocation() {
+      return this.selectedDamageLocations.some(selectedDamages => 
+        {
+            return selectedDamages.toUpperCase() === "WINDSHIELD";
+        });
+    },
+    isSideDoorDamageLocation() {
+      return this.selectedDamageLocations.some(selectedDamages => 
+        {
+            return selectedDamages.toUpperCase() === "SIDEDOOR";
+        });
+    },
+    isRearWindowDamageLocation() {
+      return this.selectedDamageLocations.some(selectedDamages => 
+        {
+            return selectedDamages.toUpperCase() === "REARWINDOW";
+        });
+    },
+    isWindshieldRepair() {
+      if (!this.isWindshieldDamageLocation) return false;
+      
+      return this.selectedWindshieldOptions.selectedWindshieldDamageType.some(selectedDamageType => 
+        {
+            return selectedDamageType.toUpperCase() === "REPAIR";
+        });
+    },
+    isDriverSideReplace() {
+      if (!this.isSideDoorDamageLocation) return false;
+
+      return this.sideDoorOptionsData.selectedDoorSides.some(selectedDriverSide => 
+        {
+            return selectedDriverSide.toUpperCase() === "DRIVERSIDE";
+        });
+    },
+    isPassengerSideReplace() {
+      if (!this.isSideDoorDamageLocation) return false;
+
+      return this.sideDoorOptionsData.selectedDoorSides.some(selectedPassengerSide => 
+        {
+            return selectedPassengerSide.toUpperCase() === "PASSENGERSIDE";
+        });
+    }
+  },
+
  components: {
    funnelHeader,
    funnelFooter,
--- a/src/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question.vue
+++ b/src/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question.vue
@ -6,6 +6,7 @@
                :answers="answersFromCms"
                :groupName="groupName"
                buttonType="listButtonHorizontal"
+                useTextForValue
                v-model="selectedChipCountValues"
            />
        </div>
--- a/src/router/router-constants/fmgPage-values.js
+++ b/src/router/router-constants/fmgPage-values.js
@ -4,6 +4,8 @@ const fmgPageValues = {
  VEHICLE_MODEL: "vehicle-model",
  VEHICLE_STYLE: "vehicle-style",
  VEHICLE_DAMAGE: "vehicle-damage",
+  VEHICLE_PARTS: "vehicle-parts",
+  QUOTE : "quote",
 };

 export { fmgPageValues };
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@ -4,6 +4,8 @@ const navigationScenarios = {
  SELECTED_MAKE: "SELECTED_MAKE",
  SELECTED_STYLE: "SELECTED_STYLE",
  CLICKED_BACK: "CLICKED_BACK",
+  SELECTED_DAMAGE_WITH_SINGLE_PART: "SELECTED_DAMAGE_WITH_SINGLE_PART",
+  SELECTED_GLASS_MULTIPLE_PARTS: "SELECTED_GLASS_MULTIPLE_PARTS"
 };

 export { navigationScenarios };
--- a/src/router/router-constants/router-parameter-keys.js
+++ b/src/router/router-constants/router-parameter-keys.js
@ -0,0 +1,5 @@
+const routerParameterKeys = {
+    VEHICLE_PARTS_DATA: "vehiclePartsData",
+  };
+  
+  export { routerParameterKeys };
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@ -57,6 +57,23 @@ const routingTable = [
        scenario: navigationScenarios.CLICKED_BACK,
        destinationFmgPageValue: fmgPageValues.VEHICLE_STYLE,
      },
+      {
+        scenario: navigationScenarios.SELECTED_DAMAGE_WITH_SINGLE_PART,
+        destinationFmgPageValue: fmgPageValues.QUOTE,
+      },
+    ],
+  },
+  {
+    fmgPageValue: fmgPageValues.VEHICLE_DAMAGE,
+    maps: [
+      {
+        scenario: navigationScenarios.CLICKED_BACK,
+        destinationFmgPageValue: fmgPageValues.VEHICLE_STYLE,
+      },
+      {
+        scenario: navigationScenarios.SELECTED_GLASS_MULTIPLE_PARTS,
+        destinationFmgPageValue: fmgPageValues.VEHICLE_PARTS,
+      },
    ],
  },
 ];
--- a/src/store/index.js
+++ b/src/store/index.js
@ -66,6 +66,16 @@ export const mutations = {
  updateVehicleImageColor(state, imageColor) {
    state.order.vehicle.imageColor = imageColor;
  },
+  updateIsRepair(state, isRepair){
+    state.order.damage.isRepair = isRepair;
+  },
+  updateNumberOfChips(state, numberOfChips){
+    state.order.damage.numberOfChips = numberOfChips;
+  },
+  updateGlassToReplace(state, glassToReplace){
+    state.order.damage.glassToReplace = glassToReplace;
+  },
+  

  // EVENT BUS MUTATIONS
  addEventToBus(state, event) {
@ -252,8 +262,8 @@ export const actions = {
  // Parts API Actions
  getPartsOrQuestions(context, { carId, glassArray, zipCode, vin = '' }) {
    return globalMethods.callHttpClient({
-      method: endpoints.GetRouteInfo.method,
-      endpoint: endpoints.GetRouteInfo.url,
+      method: endpoints.GetPartsOrQuestions.method,
+      endpoint: endpoints.GetPartsOrQuestions.url,
      payload: {
        carId: carId,
        glass: glassArray,