Merge pull request #633 from Safelite/SSR-1160-desktop-fixes
CSR-1160 add wrapper to pages missed in conversion.
This commit is contained in:
commit
c2f56d12c2
2 changed files with 158 additions and 132 deletions
|
|
@ -4,8 +4,16 @@
|
||||||
v-slot="{ meta }"
|
v-slot="{ meta }"
|
||||||
@submit="onSubmit"
|
@submit="onSubmit"
|
||||||
@invalidSubmit="onInvalidSubmit">
|
@invalidSubmit="onInvalidSubmit">
|
||||||
<div class="page-container-grouped-styles">
|
<div class="container-fluid fade-on-route-transition">
|
||||||
<siteHeader ref="siteHeader" cmsWidgetName="SiteHeaderWidget" />
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6 px-0 px-md-2">
|
||||||
|
<siteHeader
|
||||||
|
ref="siteHeader"
|
||||||
|
cmsWidgetName="SiteHeaderWidget" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6 col-xl-4">
|
||||||
<vehicleBanner
|
<vehicleBanner
|
||||||
cmsWidgetName="VehicleBannerWidget"
|
cmsWidgetName="VehicleBannerWidget"
|
||||||
:displayGenericVehicleImage="false" />
|
:displayGenericVehicleImage="false" />
|
||||||
|
|
@ -52,6 +60,8 @@
|
||||||
@ForwardClicked="forwardButtonAction" />
|
@ForwardClicked="forwardButtonAction" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,16 @@
|
||||||
v-slot="{ meta }"
|
v-slot="{ meta }"
|
||||||
@submit="onSubmit"
|
@submit="onSubmit"
|
||||||
@invalidSubmit="onInvalidSubmit">
|
@invalidSubmit="onInvalidSubmit">
|
||||||
<div class="page-container-grouped-styles">
|
<div class="container-fluid fade-on-route-transition">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6 px-0 px-md-2"></div>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6 col-xl-4">
|
||||||
<siteHeader cmsWidgetName="SiteHeaderWidget" />
|
<siteHeader cmsWidgetName="SiteHeaderWidget" />
|
||||||
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-5" />
|
<siteSubHeader
|
||||||
|
cmsWidgetName="SiteSubHeaderWidget"
|
||||||
|
class="mt-5" />
|
||||||
<div class="main-content-container">
|
<div class="main-content-container">
|
||||||
<serviceZipModalQuestion
|
<serviceZipModalQuestion
|
||||||
ref="serviceZipCodeQuestion"
|
ref="serviceZipCodeQuestion"
|
||||||
|
|
@ -14,7 +21,9 @@
|
||||||
modalWidgetName="ServiceZipModalWidget"
|
modalWidgetName="ServiceZipModalWidget"
|
||||||
:onZipUpdateCallback="reloadShopData"
|
:onZipUpdateCallback="reloadShopData"
|
||||||
@updatedServiceability="setServiceabilityDetails"
|
@updatedServiceability="setServiceabilityDetails"
|
||||||
@updatedContainsMilitaryBase="setContainsMilitaryBase" />
|
@updatedContainsMilitaryBase="
|
||||||
|
setContainsMilitaryBase
|
||||||
|
" />
|
||||||
<alert
|
<alert
|
||||||
v-if="displayMilitaryZipAlert"
|
v-if="displayMilitaryZipAlert"
|
||||||
ref="alertMilitaryBaseZip"
|
ref="alertMilitaryBaseZip"
|
||||||
|
|
@ -68,7 +77,9 @@
|
||||||
:onZipUpdateCallback="reloadShopData"
|
:onZipUpdateCallback="reloadShopData"
|
||||||
@updated-mobile-fee-part="setMobileFeePart"
|
@updated-mobile-fee-part="setMobileFeePart"
|
||||||
@updated-serviceability="setServiceabilityDetails"
|
@updated-serviceability="setServiceabilityDetails"
|
||||||
@updated-contains-military-base="setContainsMilitaryBase" />
|
@updated-contains-military-base="
|
||||||
|
setContainsMilitaryBase
|
||||||
|
" />
|
||||||
<shopQuestion
|
<shopQuestion
|
||||||
v-show="isShopQuestionDisplayed"
|
v-show="isShopQuestionDisplayed"
|
||||||
ref="shopQuestion"
|
ref="shopQuestion"
|
||||||
|
|
@ -76,7 +87,9 @@
|
||||||
:selectedAppointmentType="selectedAppointmentType"
|
:selectedAppointmentType="selectedAppointmentType"
|
||||||
:isDisplayed="isShopQuestionDisplayed"
|
:isDisplayed="isShopQuestionDisplayed"
|
||||||
cmsWidgetName="ShopQuestionWidget"
|
cmsWidgetName="ShopQuestionWidget"
|
||||||
@updatedMobileProviderNumber="setMobileProviderNumber" />
|
@updatedMobileProviderNumber="
|
||||||
|
setMobileProviderNumber
|
||||||
|
" />
|
||||||
<contentGroupModal
|
<contentGroupModal
|
||||||
ref="RecalModal"
|
ref="RecalModal"
|
||||||
cmsWidgetName="RecalModal" />
|
cmsWidgetName="RecalModal" />
|
||||||
|
|
@ -87,9 +100,12 @@
|
||||||
:isForwardActionDisabled="
|
:isForwardActionDisabled="
|
||||||
!meta.valid || displayNoShopsAlert
|
!meta.valid || displayNoShopsAlert
|
||||||
"
|
"
|
||||||
@backClicked="navigateBack(this, navigateBackScenario)"
|
@backClicked="
|
||||||
|
navigateBack(this, navigateBackScenario)
|
||||||
|
"
|
||||||
@forwardClicked="forwardButtonAction" />
|
@forwardClicked="forwardButtonAction" />
|
||||||
>>>>>>> develop
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue