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

CSR-1160 add wrapper to pages missed in conversion.

Browse source
This commit is contained in:
Bryan Mauger 2024-04-22 15:01:53 -04:00
parent 39a1ec1416
commit 3b092f88c6
2 changed files with 159 additions and 132 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

102
src/layouts/payment-method/payment-method.vue
View file

@ -4,52 +4,62 @@
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">
<vehicleBanner <div class="col-md-6 px-0 px-md-2">
cmsWidgetName="VehicleBannerWidget" <siteHeader
:displayGenericVehicleImage="false" /> ref="siteHeader"
<siteSubHeader cmsWidgetName="SiteHeaderWidget" />
class="mb-5 mt-4 px-3" </div>
cmsWidgetName="SiteSubHeaderWidget" </div>
subHeaderClasses="mt-2" /> <div class="row justify-content-center">
<div class="main-content-container"> <div class="col-md-6 col-xl-4">
<hr class="my-0" /> <vehicleBanner
<reviewDropdown ref="reviewDropdown" /> cmsWidgetName="VehicleBannerWidget"
<hr class="my-0" /> :displayGenericVehicleImage="false" />
<cartDropdown <siteSubHeader
:showAsPaid="false" class="mb-5 mt-4 px-3"
:readOnly="false" cmsWidgetName="SiteSubHeaderWidget"
:showDropdownHeader="true" subHeaderClasses="mt-2" />
:isInitiallyExpanded="false" <div class="main-content-container">
recyclingModalCmsWidgetName="RecycleModal" <hr class="my-0" />
servicePackageTitleWidgetName="ServicePackageTitle" /> <reviewDropdown ref="reviewDropdown" />
<hr class="mt-0 mb-5" /> <hr class="my-0" />
<alert <cartDropdown
v-if="displayPayInAdvanceAlert" :showAsPaid="false"
name="payInAdvanceErrorAlert" :readOnly="false"
class="my-4" :showDropdownHeader="true"
cmsWidgetName="PayInAdvanceErrorAlertWidget" :isInitiallyExpanded="false"
alertClass="alert-danger" recyclingModalCmsWidgetName="RecycleModal"
:isDismissible="false" /> servicePackageTitleWidgetName="ServicePackageTitle" />
<paymentMethodQuestion <hr class="mt-0 mb-5" />
v-if="!isPayInAdvanceDisabled" <alert
v-model="paymentMethodInternalModel" v-if="displayPayInAdvanceAlert"
cmsWidgetName="PaymentMethodWidget" name="payInAdvanceErrorAlert"
:validationRules="rules.optionRequired" /> class="my-4"
<alert cmsWidgetName="PayInAdvanceErrorAlertWidget"
v-if="isPayInAdvanceDisabled" alertClass="alert-danger"
:isDismissible="false" :isDismissible="false" />
alertClass="alert-info" <paymentMethodQuestion
cmsWidgetName="NoPayInAdvanceDisclaimerWidget" v-if="!isPayInAdvanceDisabled"
:shouldScrollToOnMount="false" /> v-model="paymentMethodInternalModel"
<siteFooter cmsWidgetName="PaymentMethodWidget"
ref="siteFooter" :validationRules="rules.optionRequired" />
cmsWidgetName="SiteFooterWidget" <alert
:isForwardActionDisabled="!meta.valid" v-if="isPayInAdvanceDisabled"
:isStackedVertically="true" :isDismissible="false"
@backClicked="navigateBack" alertClass="alert-info"
@ForwardClicked="forwardButtonAction" /> cmsWidgetName="NoPayInAdvanceDisclaimerWidget"
:shouldScrollToOnMount="false" />
<siteFooter
ref="siteFooter"
cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid"
:isStackedVertically="true"
@backClicked="navigateBack"
@ForwardClicked="forwardButtonAction" />
</div>
</div>
</div> </div>
</div> </div>
</Form> </Form>

189
src/layouts/service-location/service-location.vue
View file

@ -4,92 +4,109 @@
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 cmsWidgetName="SiteHeaderWidget" /> <div class="row justify-content-center">
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-5" /> <div class="col-md-6 px-0 px-md-2"></div>
<div class="main-content-container"> </div>
<serviceZipModalQuestion <div class="row justify-content-center">
ref="serviceZipCodeQuestion" <div class="col-md-6 col-xl-4">
v-model="serviceZipCodeQuestion" <siteHeader cmsWidgetName="SiteHeaderWidget" />
modalWidgetName="ServiceZipModalWidget" <siteSubHeader
:onZipUpdateCallback="reloadShopData" cmsWidgetName="SiteSubHeaderWidget"
@updatedServiceability="setServiceabilityDetails" class="mt-5" />
@updatedContainsMilitaryBase="setContainsMilitaryBase" /> <div class="main-content-container">
<alert <serviceZipModalQuestion
v-if="displayMilitaryZipAlert" ref="serviceZipCodeQuestion"
ref="alertMilitaryBaseZip" v-model="serviceZipCodeQuestion"
class="my-5" modalWidgetName="ServiceZipModalWidget"
cmsWidgetName="AlertMilitaryBaseZipWidget" :onZipUpdateCallback="reloadShopData"
alertClass="alert-warning" /> @updatedServiceability="setServiceabilityDetails"
<alert @updatedContainsMilitaryBase="
v-if="displayServiceableMobileOnly" setContainsMilitaryBase
ref="alertMobileOnly" " />
class="my-5" <alert
cmsWidgetName="AlertMobileOnlyWidget" v-if="displayMilitaryZipAlert"
alertClass="alert-warning" /> ref="alertMilitaryBaseZip"
<alert class="my-5"
v-if="displayRecalibrationWarning" cmsWidgetName="AlertMilitaryBaseZipWidget"
ref="alertRecalNoMobile" alertClass="alert-warning" />
class="my-5" <alert
cmsWidgetName="AlertRecalNoMobileWidget" v-if="displayServiceableMobileOnly"
alertClass="alert-warning" ref="alertMobileOnly"
@text-link-clicked="openModalAction" /> class="my-5"
<alert cmsWidgetName="AlertMobileOnlyWidget"
v-if="displayServiceableInshopOnly" alertClass="alert-warning" />
ref="alertInshopOnly" <alert
class="my-5" v-if="displayRecalibrationWarning"
cmsWidgetName="AlertInshopOnlyWidget" ref="alertRecalNoMobile"
alertClass="alert-warning" /> class="my-5"
<alert cmsWidgetName="AlertRecalNoMobileWidget"
v-if="displayNoShopsAlert" alertClass="alert-warning"
ref="alertNoShops" @text-link-clicked="openModalAction" />
class="my-5" <alert
cmsWidgetName="AlertNoShopsWidget" v-if="displayServiceableInshopOnly"
alertClass="alert-warning" /> ref="alertInshopOnly"
<appointmentTypeQuestion class="my-5"
v-show="isAppointmentTypeDisplayed" cmsWidgetName="AlertInshopOnlyWidget"
ref="appointmentTypeQuestion" alertClass="alert-warning" />
v-model="selectedAppointmentType" <alert
:isServiceableMobile="isServiceableMobile" v-if="displayNoShopsAlert"
:isServiceableInshop="isServiceableInshop" ref="alertNoShops"
:isDisplayed="isAppointmentTypeDisplayed" class="my-5"
groupName="appointmentTypeQuestion" cmsWidgetName="AlertNoShopsWidget"
cmsWidgetName="AppointmentTypeQuestionWidget" alertClass="alert-warning" />
validationRules="option-required" /> <appointmentTypeQuestion
<mobileLocationModalQuestions v-show="isAppointmentTypeDisplayed"
v-if="isMobileLocationDisplayed" ref="appointmentTypeQuestion"
ref="mobileLocationQuestions" v-model="selectedAppointmentType"
v-model="mobileLocationQuestions" :isServiceableMobile="isServiceableMobile"
customComponentId="mobileLocationQuestions" :isServiceableInshop="isServiceableInshop"
:mobileFeePart="mobileFeePart" :isDisplayed="isAppointmentTypeDisplayed"
validationRules="mobile-location-required" groupName="appointmentTypeQuestion"
linkWidgetName="MobileLocationLinkWidget" cmsWidgetName="AppointmentTypeQuestionWidget"
modalWidgetName="MobileLocationModalWidget" validationRules="option-required" />
:onZipUpdateCallback="reloadShopData" <mobileLocationModalQuestions
@updated-mobile-fee-part="setMobileFeePart" v-if="isMobileLocationDisplayed"
@updated-serviceability="setServiceabilityDetails" ref="mobileLocationQuestions"
@updated-contains-military-base="setContainsMilitaryBase" /> v-model="mobileLocationQuestions"
<shopQuestion customComponentId="mobileLocationQuestions"
v-show="isShopQuestionDisplayed" :mobileFeePart="mobileFeePart"
ref="shopQuestion" validationRules="mobile-location-required"
v-model="selectedProvider" linkWidgetName="MobileLocationLinkWidget"
:selectedAppointmentType="selectedAppointmentType" modalWidgetName="MobileLocationModalWidget"
:isDisplayed="isShopQuestionDisplayed" :onZipUpdateCallback="reloadShopData"
cmsWidgetName="ShopQuestionWidget" @updated-mobile-fee-part="setMobileFeePart"
@updatedMobileProviderNumber="setMobileProviderNumber" /> @updated-serviceability="setServiceabilityDetails"
<contentGroupModal @updated-contains-military-base="
ref="RecalModal" setContainsMilitaryBase
cmsWidgetName="RecalModal" /> " />
<siteFooter <shopQuestion
ref="siteFooter" v-show="isShopQuestionDisplayed"
class="mt-5" ref="shopQuestion"
cmsWidgetName="SiteFooterWidget" v-model="selectedProvider"
:isForwardActionDisabled=" :selectedAppointmentType="selectedAppointmentType"
!meta.valid || displayNoShopsAlert :isDisplayed="isShopQuestionDisplayed"
" cmsWidgetName="ShopQuestionWidget"
@backClicked="navigateBack(this, navigateBackScenario)" @updatedMobileProviderNumber="
@forwardClicked="forwardButtonAction" /> setMobileProviderNumber
>>>>>>> develop " />
<contentGroupModal
ref="RecalModal"
cmsWidgetName="RecalModal" />
<siteFooter
ref="siteFooter"
class="mt-5"
cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="
!meta.valid || displayNoShopsAlert
"
@backClicked="
navigateBack(this, navigateBackScenario)
"
@forwardClicked="forwardButtonAction" />
>>>>>>> develop
</div>
</div>
</div> </div>
</div> </div>
</Form> </Form>