Remove unneeded code. Fix indentation.
Fix merge conflict.
This commit is contained in:
parent
b2713befd2
commit
94a4cdcb07
1 changed files with 72 additions and 59 deletions
|
|
@ -1,36 +1,45 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Form
|
<Form
|
||||||
@submit="onSubmit"
|
@submit="onSubmit"
|
||||||
@invalid-submit="onInvalidSubmit"
|
@invalid-submit="onInvalidSubmit"
|
||||||
ref="theForm"
|
ref="theForm"
|
||||||
v-slot="{ meta }"
|
v-slot="{ meta }"
|
||||||
>
|
>
|
||||||
<div class="page-container-grouped-styles">
|
<div class="page-container-grouped-styles">
|
||||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" />
|
<funnelHeader cmsWidgetName="FunnelHeaderWidget" />
|
||||||
<vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage=false />
|
<vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage=false />
|
||||||
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
|
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
|
||||||
<div class="fade-on-route-transition sub-container make-tall">
|
<div class="fade-on-route-transition sub-container make-tall">
|
||||||
<cashOrInsuranceQuestion
|
<buttonQuestion
|
||||||
ref="cashOrInsurance"
|
:answers="years"
|
||||||
cmsWidgetName="CashOrInsuranceQuestionWidget"
|
text-position="text-start"
|
||||||
v-model="isInsurance"
|
questionText="List Button as Radio"
|
||||||
groupName="CashOrInsuranceQuestion"
|
groupName="years"
|
||||||
/>
|
/>
|
||||||
<radioServicePackage/>
|
<buttonQuestion
|
||||||
<funnel-footer
|
questionText="CASH OR INSURANCE"
|
||||||
cmsWidgetName="FunnelFooterWidget"
|
:answers="answersFromCms"
|
||||||
:isForwardActionDisabled="!meta.valid"
|
groupName="cash-or-insurance"
|
||||||
:isBackButtonHidden=shouldHideBackButton
|
buttonType="listButtonHorizontal"
|
||||||
@back-clicked="backButtonAction"
|
useTextForValue
|
||||||
@ForwardClicked="forwardButtonAction"
|
isCashOrInsurance
|
||||||
/>
|
isRequired
|
||||||
</div>
|
/>
|
||||||
<quoteModal
|
<radioServicePackage/>
|
||||||
cmsWidgetName="EstimateRainDefenseModal"
|
<funnel-footer
|
||||||
/>
|
cmsWidgetName="FunnelFooterWidget"
|
||||||
</div>
|
:isForwardActionDisabled="!meta.valid"
|
||||||
</Form>
|
:isBackButtonHidden=shouldHideBackButton
|
||||||
|
@back-clicked="backButtonAction"
|
||||||
|
@ForwardClicked="forwardButtonAction"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<quoteModal
|
||||||
|
cmsWidgetName="EstimateRainDefenseModal"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Form>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -48,15 +57,24 @@ import { Form } from "vee-validate";
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "quote",
|
name: "quote",
|
||||||
async beforeRouteEnter(to, from, next) {
|
async beforeRouteEnter(to, from, next) {
|
||||||
// Call APIs
|
// Call APIs
|
||||||
const cmsContent = await fetchCmsContentForPage(to.query.fmgPage);
|
const cmsContent = await fetchCmsContentForPage(to.query.fmgPage);
|
||||||
|
|
||||||
// Call the "next" function to complete the transition to this page.
|
// Call the "next" function to complete the transition to this page.
|
||||||
next((vm) => {
|
next((vm) => {
|
||||||
vm.setCmsContent(cmsContent);
|
vm.setCmsContent(cmsContent);
|
||||||
});
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
arePagePrerequisitesValid() {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
years() {
|
||||||
|
return ["2011", "2012"];
|
||||||
},
|
},
|
||||||
data(){
|
data(){
|
||||||
return {
|
return {
|
||||||
|
|
@ -64,29 +82,26 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
arePagePrerequisitesValid() {
|
arePagePrerequisitesValid() {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
years() {
|
years() {
|
||||||
return ["2011", "2012"];
|
return ["2011", "2012"];
|
||||||
},
|
},
|
||||||
answersFromCms() {
|
answersFromCms() {
|
||||||
return ["Pay on my own", "Pay with insurance"];
|
return ["Pay on my own", "Pay with insurance"];
|
||||||
},
|
},
|
||||||
selectedChipCountValues: {
|
selectedChipCountValues: {
|
||||||
get: function() {
|
get: function() {
|
||||||
return this.modelValue;
|
return this.modelValue;
|
||||||
},
|
},
|
||||||
set: function(newValue) {
|
set: function(newValue) {
|
||||||
this.$emit("update:modelValue", newValue);
|
this.$emit("update:modelValue", newValue);
|
||||||
},
|
},
|
||||||
QuoteRecalImage(){
|
|
||||||
return this.getCmsContent("EstimateRecalModal", "Image");
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
components: {
|
components: {
|
||||||
funnelHeader,
|
funnelHeader,
|
||||||
funnelFooter,
|
funnelFooter,
|
||||||
|
|
@ -96,9 +111,7 @@ export default {
|
||||||
buttonQuestion,
|
buttonQuestion,
|
||||||
radioServicePackage,
|
radioServicePackage,
|
||||||
quoteModal,
|
quoteModal,
|
||||||
cashOrInsuranceQuestion,
|
|
||||||
radioServicePackage,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue