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

Merge pull request #1341 from Safelite/feature/Digital/CSR-1631

Browse source 
CSR-1631
This commit is contained in:
shnsuku 2023-09-15 12:30:00 +05:30 committed by GitHub
commit 518945c911
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 55 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

116
src/layouts/vehicle/vehicle.vue
View file

@ -3,69 +3,67 @@
<div class="page-container-grouped-styles position-relative"> <div class="page-container-grouped-styles position-relative">
<funnelHeader cmsWidgetName="FunnelHeaderWidget" /> <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<div class="select-car"> <div class="select-car">
<div class="container-fluid pb-2"> <div class="row">
<div class="row"> <div class="col">
<div class="col"> <div class="select-car-form rounded">
<div class="select-car-form rounded"> <funnelSubHeader
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget"
cmsWidgetName="FunnelSubHeaderWidget" class="siteSubHeader" />
class="siteSubHeader" />
<vehicleQuestion <vehicleQuestion
ref="vehicleYearQuestion" ref="vehicleYearQuestion"
v-model="selectedYear" v-model="selectedYear"
:isDisabled="!yearOptions.length" :isDisabled="!yearOptions.length"
:options="yearOptions" :options="yearOptions"
cmsWidgetName="VehicleYearQuestion" cmsWidgetName="VehicleYearQuestion"
validationRules="year-required" validationRules="year-required"
placeHolderText="Select year" placeHolderText="Select year"
inputId="yearQuestionField" /> inputId="yearQuestionField" />
<vehicleQuestion <vehicleQuestion
ref="vehicleMakeQuestion" ref="vehicleMakeQuestion"
v-model="selectedMake" v-model="selectedMake"
:isDisabled="!makeOptions.length" :isDisabled="!makeOptions.length"
:options="makeOptions" :options="makeOptions"
cmsWidgetName="VehicleMakeQuestion" cmsWidgetName="VehicleMakeQuestion"
validationRules="make-required" validationRules="make-required"
placeHolderText="Select make" placeHolderText="Select make"
inputId="makeQuestionField" /> inputId="makeQuestionField" />
<vehicleQuestion <vehicleQuestion
ref="vehicleModelQuestion" ref="vehicleModelQuestion"
v-model="selectedModel" v-model="selectedModel"
cmsWidgetName="VehicleModelQuestion" cmsWidgetName="VehicleModelQuestion"
:isDisabled="!modelOptions.length" :isDisabled="!modelOptions.length"
:options="modelOptions" :options="modelOptions"
validationRules="model-required" validationRules="model-required"
placeHolderText="Select model" placeHolderText="Select model"
inputId="modelQuestionField" /> inputId="modelQuestionField" />
<vehicleQuestion <vehicleQuestion
ref="vehicleStyleQuestion" ref="vehicleStyleQuestion"
v-model="selectedStyle" v-model="selectedStyle"
cmsWidgetName="VehicleStyleQuestion" cmsWidgetName="VehicleStyleQuestion"
:isDisabled="!styleOptions.length" :isDisabled="!styleOptions.length"
:options="styleOptions" :options="styleOptions"
validationRules="style-required" validationRules="style-required"
placeHolderText="Select style" placeHolderText="Select style"
inputId="styleQuestionField" /> inputId="styleQuestionField" />
<vehicleBanner <vehicleBanner
cmsWidgetName="VehicleBannerWidget" cmsWidgetName="VehicleBannerWidget"
:displayGenericVehicleImage="displayGeneric" :displayGenericVehicleImage="displayGeneric"
:displayVehicleImage="imageUrl" :displayVehicleImage="imageUrl"
:vehicleCategory="category" :vehicleCategory="category"
:displayUnmatchedVehicleIcon="unmatchedVehicleIcon" :displayUnmatchedVehicleIcon="unmatchedVehicleIcon"
class="mt-5 vehicle-footer" class="mt-5 vehicle-footer"
ref="banner" /> ref="banner" />
<funnelFooter <funnelFooter
cmsWidgetName="FunnelFooterWidget" cmsWidgetName="FunnelFooterWidget"
@ForwardClicked="forwardButtonAction" @ForwardClicked="forwardButtonAction"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
ref="funnelFooter" /> ref="funnelFooter" />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -402,10 +400,6 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.select-car-form {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.vehicle-footer { .vehicle-footer {
margin-bottom: 0; margin-bottom: 0;
} }