CSR-110: restored navigation to go back to heritage funnel

src/layouts/capability-questions/capability-questions.vue

@@ -6,6 +6,7 @@
       v-slot="{ meta }"
     >
         <div class="page-container-grouped-styles capability-questions">
+            <loadingModal ref="loadingModal"/>
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage=false />
             <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
@@ -49,6 +50,7 @@ import alert from "@/ux-components/alert/alert";
 import questionChain from "@/common-components/question-chain/question-chain";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
+import loadingModal from '@/common-components/loading-modal/loading-modal.vue';
 
 // Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -145,6 +147,7 @@ export default {
         questionChain,
         funnelSubHeader,
         funnelFooter,
+        loadingModal,
         Form,
     },
 };

src/layouts/molding-questions/molding-questions.vue

@@ -6,6 +6,7 @@
       v-slot="{ meta }"
     >
         <div class="page-container-grouped-styles molding-questions">
+            <loadingModal ref="loadingModal"/>
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage=false />
             <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
@@ -49,6 +50,7 @@ import alert from "@/ux-components/alert/alert";
 import questionChain from "@/common-components/question-chain/question-chain";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
+import loadingModal from '@/common-components/loading-modal/loading-modal.vue';
 
 // Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -159,8 +161,9 @@ export default {
                 const collectedGlassParts = this.reduceGlassPartsArray(glassNameAndPartsForStore);
                 // save to store lineItems.glassParts
                 this.$store.commit(storeMutations.UPDATE_GLASS_PARTS, collectedGlassParts);
-                // go to quote page
+                // go to heritage quote page
-                this.$router.navigate(this.navigationScenarios.ANSWERED_QUESTIONS_WITH_SINGLE_PART,this.$route);
+                this.$refs.loadingModal.showModal();
+                navigateToHeritageFunnel();
             }
         },
     },
@@ -180,6 +183,7 @@ export default {
         questionChain,
         funnelSubHeader,
         funnelFooter,
+        loadingModal,
         Form,
     },
 };

src/layouts/part-questions/part-questions.vue

@@ -6,6 +6,7 @@
       v-slot="{ meta }"
     >
         <div class="page-container-grouped-styles part-questions">
+            <loadingModal ref="loadingModal"/>
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage=false />
             <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
@@ -49,6 +50,7 @@ import alert from "@/ux-components/alert/alert";
 import questionChain from "@/common-components/question-chain/question-chain";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
+import loadingModal from '@/common-components/loading-modal/loading-modal.vue';
 
 // Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -61,6 +63,7 @@ import { Form, defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
+import loadingModal from '@/common-components/loading-modal/loading-modal.vue';
 
 // DEFINE VALIDATION RULES
 defineRule("questions-required", required(errorMessages.OPTION_REQUIRED));
@@ -166,8 +169,9 @@ export default {
                 const collectedGlassParts = this.reduceGlassPartsArray(glassNameAndPartsForStore);
                 // save to store lineItems.glassParts
                 this.$store.commit(storeMutations.UPDATE_GLASS_PARTS, collectedGlassParts);
-                // go to quote page
+                // go to heritage quote page
-                this.$router.navigate(this.navigationScenarios.ANSWERED_QUESTIONS_WITH_SINGLE_PART,this.$route);
+                this.$refs.loadingModal.showModal();
+                navigateToHeritageFunnel();
             }
         },
         arePagePrerequisitesValid() {
@@ -190,6 +194,7 @@ export default {
         questionChain,
         funnelSubHeader,
         funnelFooter,
+        loadingModal,
         Form,
     },
 };

src/layouts/vehicle-parts/vehicle-parts.vue

@@ -1,6 +1,7 @@
 <template>
   <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
     <div class="page-container-grouped-styles vehicle-parts">
+      <loadingModal ref="loadingModal"/>
       <funnelHeader ref="funnelHeader" cmsWidgetName="FunnelHeaderWidget" />
       <vehicleBanner
         ref="vehicleBanner"
@@ -64,6 +65,7 @@ import { Form } from "vee-validate";
 import store from "@/store";
 import { storeMutations } from "@/constants/store-mutations.js";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
+import loadingModal from '@/common-components/loading-modal/loading-modal.vue';
 
 export default {
     name: "vehicle-parts",
@@ -218,11 +220,9 @@ export default {
                 // save to store lineItems.glassParts
                 this.$store.commit(storeMutations.UPDATE_GLASS_PARTS, collectedGlassParts);
 
-                // Navigate to the quote page
+                // go to heritage quote page
-                this.$router.navigate(
+                this.$refs.loadingModal.showModal();
-                    this.navigationScenarios.SELECTED_PARTS,
+                navigateToHeritageFunnel();
-                    this.$route
-                );
             }
         },
 
@@ -259,6 +259,7 @@ export default {
         funnelSubHeader,
         funnelFooter,
         alert,
+        loadingModal,
     },
 };
 </script>

src/mixins/vin-pages-mixin.js

@@ -36,8 +36,7 @@ export default {
                 // save to store lineItems.glassParts
                 this.$store.commit(storeMutations.UPDATE_GLASS_PARTS, collectedGlassParts);
 
-                // go to quote page
+                // go to heritage quote page
-                this.$router.navigate(this.navigationScenarios.ANSWERED_QUESTIONS_WITH_SINGLE_PART,this.$route);
                 this.$refs.loadingModal.showModal();
                 navigateToHeritageFunnel();
             }