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

commit before stash

Browse source
This commit is contained in:
Bill Richardson 2023-08-30 15:54:37 -04:00
parent 228d41a205
commit 17ecf1ebec
1 changed files with 54 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,52 +5,45 @@
@submit="onSubmit" @submit="onSubmit"
@invalidSubmit="onInvalidSubmit"> @invalidSubmit="onInvalidSubmit">
<div class="page-container-grouped-styles"> <div class="page-container-grouped-styles">
<div class="fade-on-route-transition position-relative"> <siteHeader cmsWidgetName="SiteHeaderWidget" />
<siteHeader cmsWidgetName="SiteHeaderWidget" /> <siteSubHeader
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget"
id="sub-header" class="mt-5" />
cmsWidgetName="SiteSubHeaderWidget" <div class="main-content-container">
class="mt-5" /> <serviceZipModalQuestion
<div class="select-car"> ref="serviceZipCodeQuestion"
<div class="container-fluid pb-2"> v-model="serviceZipCodeQuestion"
<div class="row px-3"> modalWidgetName="ServiceZipModalWidget"
<div class="col"> @updatedServiceability="setServiceabilityDetails"
<div class="select-car-form rounded"> @updatedContainsMilitaryBase="setContainsMilitaryBase" />
<serviceZipModalQuestion <alert
ref="serviceZipCodeQuestion" v-if="displayMilitaryZipAlert"
v-model="serviceZipCodeQuestion" ref="alertMilitaryBaseZip"
modalWidgetName="ServiceZipModalWidget" class="my-5"
@updatedServiceability="setServiceabilityDetails" cmsWidgetName="AlertMilitaryBaseZipWidget"
@updatedContainsMilitaryBase="setContainsMilitaryBase" /> alertClass="alert-warning" />
<alert <alert
v-if="displayMilitaryZipAlert" v-if="displayServiceableMobileOnly"
ref="alertMilitaryBaseZip" ref="alertMobileOnly"
class="my-5" class="my-5"
cmsWidgetName="AlertMilitaryBaseZipWidget" cmsWidgetName="AlertMobileOnlyWidget"
alertClass="alert-warning" /> alertClass="alert-warning" />
<buttonQuestion <buttonQuestion
v-model="selectedAppointmentType" v-model="selectedAppointmentType"
cmsWidgetName="ServiceTypeQuestionWidget" cmsWidgetName="ServiceTypeQuestionWidget"
:questionText="questionText" :questionText="questionText"
:answers="answersFromCms" :answers="answersFromCms"
buttonTypeString="listCard" buttonTypeString="listCard"
isRequired isRequired
validationRules="selection-required" validationRules="selection-required"
class="service-location-button-question mb-1" /> class="service-location-button-question mb-1" />
<div class="select-car"> <siteFooter
<siteFooter ref="siteFooter"
ref="siteFooter" class="mt-5"
class="mt-5" cmsWidgetName="SiteFooterWidget"
cmsWidgetName="SiteFooterWidget" :isForwardActionDisabled="!meta.valid"
:isForwardActionDisabled="!meta.valid" @backClicked="backButtonAction"
@backClicked="backButtonAction" @forwardClicked="forwardButtonAction" />
@forwardClicked="forwardButtonAction" />
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</Form> </Form>
@ -164,8 +157,18 @@ export default {
} }
return this.isGlassServiceableMobile; return this.isGlassServiceableMobile;
}, },
isServiceableInshop() {
if (this.isRecalibrationServiceableInshop !== null) {
return this.isGlassServiceableInshop && this.isRecalibrationServiceableInshop;
}
return this.isGlassServiceableInshop;
},
displayMilitaryZipAlert() { displayMilitaryZipAlert() {
return this.zipContainsMilitaryBase && this.isServiceableMobile; return this.zipContainsMilitaryBase && this.isServiceableMobile;
},
displayServiceableMobileOnly() {
return this.isServiceableMobile && !this.isServiceableInshop;
} }
}, },
methods: { methods: {
@ -214,18 +217,16 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
$page-side-padding: 1.5rem;
.page-container-grouped-styles { .page-container-grouped-styles {
overflow: auto; overflow: auto;
}
.modal-open { .main-content-container {
.page-container-grouped-styles { padding: 0 1.5rem !important;
overflow: hidden;
} }
} }
#sub-header span {
color: $black;
}
.question-text { .question-text {
& > span { & > span {
line-height: 1.5rem; line-height: 1.5rem;
@ -239,7 +240,6 @@ export default {
line-height: 1.250rem; line-height: 1.250rem;
} }
} }
.choose-option{ .choose-option{
.button-question >div { .button-question >div {
&:first-of-type { &:first-of-type {