From 7c02d08938c027c9e023c00657c10448b0410381 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Fri, 20 Jan 2023 14:12:59 -0500
Subject: [PATCH] commit

---
 .../site-footer/site-footer.vue               |  4 +++-
 src/layouts/vehicle-make/vehicle-make.vue     |  5 +++++
 src/layouts/vehicle-model/vehicle-model.vue   | 20 ++++++++++---------
 src/layouts/vehicle-style/vehicle-style.vue   |  5 +++++
 src/layouts/vehicle-year/vehicle-year.vue     |  8 ++++++++
 src/router/router-constants/routing-table.js  |  2 +-
 6 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index 966ea45c..d8286507 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -6,8 +6,9 @@
     </div>
     <footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
         <div class="row d-flex flex-row-reverse align-items-center vw-100">
-            <div class="col button-col d-flex" id="stacked">
+            <div class="col button-col d-flex" id="stacked" >
                 <buttonMain
+                    v-if="!isForwardButtonHidden"
                     ref="buttonMain"
                     isPrimary
                     :buttonText="buttonText"
@@ -45,6 +46,7 @@ export default {
     props: {
         isForwardActionDisabled: Boolean,
         isBackButtonHidden: { type: Boolean, default: false },
+        isForwardButtonHidden: { type: Boolean, default: false },
         cmsWidgetName: String,
     },
     components: {
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index c7b9e0f1..4fa68860 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/src/layouts/vehicle-make/vehicle-make.vue
@@ -17,6 +17,8 @@
               cmsWidgetName="VehicleMakeQuestion" 
             />
           </div>
+          <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" 
+            @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
         </div>
       </div>
     </div>
@@ -28,6 +30,7 @@
     import siteHeader from "@/common-components/site-header/site-header";
     import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
     import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+    import siteFooter from "@/common-components/site-footer/site-footer";
 
       // Supporting files
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -38,6 +41,7 @@
         data() {
             return {
                 selectedMake: null,
+                shouldHideForwardButton: true
             };
         },
 
@@ -87,6 +91,7 @@
             siteHeader,
             siteSubHeader,
             vehicleBanner,
+            siteFooter
         },
         watch: {
           selectedMake(make) {
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
index 86a25c0c..bf5bc4d2 100644
--- a/src/layouts/vehicle-model/vehicle-model.vue
+++ b/src/layouts/vehicle-model/vehicle-model.vue
@@ -13,6 +13,8 @@
           <div class="fade-on-route-transition">
             <modelQuestion v-model="selectedModel" ref="modelQuestion" cmsWidgetName="VehicleModelQuestion" />
           </div>
+          <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" 
+            @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
         </div>
       </div>
     </div>
@@ -24,6 +26,7 @@
   import siteHeader from "@/common-components/site-header/site-header";
   import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
   import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+  import siteFooter from "@/common-components/site-footer/site-footer";
   
   // Supporting files
   import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -34,6 +37,7 @@
     data() {
       return {
         selectedModel: null,
+        shouldHideForwardButton: true
       };
     },
     async beforeRouteEnter(to, from, next) {
@@ -81,7 +85,12 @@
             return false;
         },
     },
-  
+    computed: {
+      backButtonAccessibleText()
+      {
+        return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText")
+      }
+    },
     watch: {
       selectedModel(model) {
         this.mainStore.updateVehicleModel( model );
@@ -91,19 +100,12 @@
         );
       },
     },
-  
     components: {
       modelQuestion,
       siteHeader,
       siteSubHeader,
       vehicleBanner,
-    },
-
-    computed: {
-      backButtonAccessibleText()
-            {
-              return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText")
-            }
+      siteFooter
     },
   };
   </script>
diff --git a/src/layouts/vehicle-style/vehicle-style.vue b/src/layouts/vehicle-style/vehicle-style.vue
index fe56d2a5..62478f57 100644
--- a/src/layouts/vehicle-style/vehicle-style.vue
+++ b/src/layouts/vehicle-style/vehicle-style.vue
@@ -15,6 +15,8 @@
                         ref="styleQuestion"
                         cmsWidgetName="VehicleStyleQuestion" />
                 </div>
+                <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" 
+                    @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
             </div>
         </div>
     </div>
@@ -26,6 +28,7 @@ import styleQuestion from "@/layouts/vehicle-style/style-question/style-question
 import siteHeader from "@/common-components/site-header/site-header";
 import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import siteFooter from "@/common-components/site-footer/site-footer";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -40,6 +43,7 @@ export default {
     data() {
         return {
             selectedStyle: null,
+            shouldHideForwardButton: true
         };
     },
 
@@ -109,6 +113,7 @@ export default {
         siteHeader,
         siteSubHeader,
         vehicleBanner,
+        siteFooter
     },
 
     computed: {
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 876c619d..2b77d951 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -13,6 +13,8 @@
               cmsWidgetName="VehicleYearQuestion" 
             />
           </div>
+          <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" 
+            @back-clicked="backButtonAction" :isForwardButtonHidden="shouldHideForwardButton" />
         </div>
       </div>
     </div>
@@ -22,6 +24,7 @@
   // Components
   import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
   import siteHeader from "@/common-components/site-header/site-header";
+  import siteFooter from "@/common-components/site-footer/site-footer";
   import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
   import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
   
@@ -34,6 +37,7 @@
     data() {
       return {
         selectedYear: null,
+        shouldHideForwardButton: true
       };
     },
     computed: {},
@@ -81,6 +85,9 @@
       arePagePrerequisitesValid() {
         return true;
       },
+      backButtonAction() {
+            this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+      },
     },
     
     components: {
@@ -88,6 +95,7 @@
       siteHeader,
       siteSubHeader,
       vehicleBanner,
+      siteFooter
     },
   };
   </script>
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index d66ae872..94ebfc85 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -9,7 +9,7 @@ const routingTable = function(store) {
       maps: [
         {
           scenario: navigationScenarios.CLICKED_BACK,
-          destinationIssPageValue: issPageValues.WELCOME_PAGE
+          destinationIssPageValue: issPageValues.POLICY_HOLDER_DETAILS
         },
         {
           scenario: navigationScenarios.SELECTED_YEAR,