Merge pull request #132 from Safelite/feature/SSR-233

commit

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: {

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) {

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,
-    },
+      siteFooter
-
-    computed: {
-      backButtonAccessibleText()
-            {
-              return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText")
-            }
     },
   };
   </script>

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: {

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>

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,