jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
commit
This commit is contained in:
Kulbhushan Kaushik 2023-01-20 14:20:16 -05:00 committed by GitHub
commit 756cb3c5cc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 33 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/common-components/site-footer/site-footer.vue
View file

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

5
src/layouts/vehicle-make/vehicle-make.vue
View file

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

20
src/layouts/vehicle-model/vehicle-model.vue
View file

@ -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>

5
src/layouts/vehicle-style/vehicle-style.vue
View file

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

8
src/layouts/vehicle-year/vehicle-year.vue
View file

@ -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>

2
src/router/router-constants/routing-table.js
View file

@ -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,