commit
f2c0beb4c9
4 changed files with 6 additions and 7 deletions
|
|
@ -29,20 +29,22 @@ export default {
|
||||||
name: "FunnelSubHeader",
|
name: "FunnelSubHeader",
|
||||||
props: {
|
props: {
|
||||||
hasBackButton: Boolean,
|
hasBackButton: Boolean,
|
||||||
backButtonAccessibleText: String,
|
|
||||||
cmsWidgetName: String,
|
cmsWidgetName: String,
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
buttonBack,
|
buttonBack,
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
text(){
|
text() {
|
||||||
return this.getCmsContent(this.cmsWidgetName, 'HeaderText');
|
return this.getCmsContent(this.cmsWidgetName, 'HeaderText');
|
||||||
},
|
},
|
||||||
subText(){
|
subText() {
|
||||||
return this.getCmsContent(this.cmsWidgetName, 'HeaderSubText');
|
return this.getCmsContent(this.cmsWidgetName, 'HeaderSubText');
|
||||||
},
|
},
|
||||||
headerColor(){
|
backButtonAccessibleText() {
|
||||||
|
return this.getCmsContent(this.cmsWidgetName, 'BackButtonAccessibleText');
|
||||||
|
},
|
||||||
|
headerColor() {
|
||||||
return this.subText ? 'dark-header' : 'light-header';
|
return this.subText ? 'dark-header' : 'light-header';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@
|
||||||
<funnelSubHeader
|
<funnelSubHeader
|
||||||
cmsWidgetName="FunnelSubHeaderWidget"
|
cmsWidgetName="FunnelSubHeaderWidget"
|
||||||
:hasBackButton="true"
|
:hasBackButton="true"
|
||||||
backButtonAccessibleText="Change Vehicle Year"
|
|
||||||
@click-event="backButtonAction"
|
@click-event="backButtonAction"
|
||||||
/>
|
/>
|
||||||
<div class="fade-on-route-transition">
|
<div class="fade-on-route-transition">
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@
|
||||||
<funnelSubHeader
|
<funnelSubHeader
|
||||||
cmsWidgetName="FunnelSubHeaderWidget"
|
cmsWidgetName="FunnelSubHeaderWidget"
|
||||||
:hasBackButton="true"
|
:hasBackButton="true"
|
||||||
backButtonAccessibleText="Change Vehicle Make"
|
|
||||||
@click-event="backButtonAction"
|
@click-event="backButtonAction"
|
||||||
/>
|
/>
|
||||||
<div class="fade-on-route-transition">
|
<div class="fade-on-route-transition">
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,6 @@
|
||||||
<funnelSubHeader
|
<funnelSubHeader
|
||||||
cmsWidgetName="FunnelSubHeaderWidget"
|
cmsWidgetName="FunnelSubHeaderWidget"
|
||||||
:hasBackButton="true"
|
:hasBackButton="true"
|
||||||
backButtonAccessibleText="Change Vehicle Model"
|
|
||||||
@click-event="backButtonAction"
|
@click-event="backButtonAction"
|
||||||
/>
|
/>
|
||||||
<div class="fade-on-route-transition">
|
<div class="fade-on-route-transition">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue