1) Adjusting evox image height and scrollable area for ymms pages. 2) Adding feature to sync license plate, registration zip, email and service zip to correct textbox fields for lpl. 3) removing zip mismatch alert when new zip added but different alert triggered.
This commit is contained in:
parent
c7c926ccad
commit
85420affd9
4 changed files with 32 additions and 17 deletions
|
|
@ -158,11 +158,11 @@ export default {
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.button-question-overflow {
|
||||
height: calc(100vh - 252px);
|
||||
height: calc(100vh - 266px);
|
||||
|
||||
.overflow-scroll {
|
||||
// Height will be determined by overall height of content above list
|
||||
height: calc(100% - 300px);
|
||||
height: calc(100% - 314px);
|
||||
overflow-x: hidden !important;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -75,6 +75,6 @@ export default {
|
|||
max-width: 290px;
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 118px;
|
||||
height: 132px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import {getDamageString, compareGlassOptions} from "./damage-helper";
|
||||
import {getDamageString, isGlassAvailableForCarId} from "./damage-helper";
|
||||
import baseMixin from "@/mixins/base-mixin.js";
|
||||
|
||||
jest.mock("@/store", () => ({
|
||||
getters: {damage: {
|
||||
|
|
@ -16,11 +17,13 @@ jest.mock("@/store", () => ({
|
|||
|
||||
// describe("damage-helper.js", () => {
|
||||
// it("Should return false if no mismatches between each array", () => {
|
||||
// const newOptions = {
|
||||
// const updatedOptions = {
|
||||
// windshieldOptions: {availableReplacementOptions: ["windshield"]}
|
||||
// }
|
||||
// const currentOptions = [{location: "Windshield", name: "windshield"}];
|
||||
// const misMatch = compareGlassOptions(newOptions, currentOptions);
|
||||
// baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn().mockImplementation(()=> {
|
||||
// return updatedOptions;
|
||||
// });
|
||||
// const misMatch = isGlassAvailableForCarId('carId');
|
||||
// expect(misMatch).toEqual(false);
|
||||
// });
|
||||
// });
|
||||
|
|
|
|||
|
|
@ -28,9 +28,14 @@
|
|||
class="my-3"
|
||||
:manualHeadline="NoServiceZipHeader"
|
||||
:manualCopy="NoServiceZipBody"
|
||||
v-if="!isRegistrationZipIServicable"
|
||||
v-if="!isRegistrationZipIServicable && isVinValid && !isCarIdDifferent"
|
||||
alertClass="alert-danger"
|
||||
/>
|
||||
<div class="row my-2">
|
||||
<div class="col">
|
||||
<textboxQuestion v-if="!isRegistrationZipIServicable" cmsWidgetName="ServiceZip" v-model="serviceZip" inputId="serviceZip" validationRules="zip-required" />
|
||||
</div>
|
||||
</div>
|
||||
<alert
|
||||
class="my-3"
|
||||
cmsWidgetName="NoMatchAlertWidget"
|
||||
|
|
@ -44,11 +49,6 @@
|
|||
v-if="isCarIdDifferent"
|
||||
alertClass="alert-warning"
|
||||
/>
|
||||
<div class="row my-2">
|
||||
<div class="col">
|
||||
<textboxQuestion v-if="!isRegistrationZipIServicable" cmsWidgetName="ServiceZip" v-model="serviceZip" inputId="serviceZip" validationRules="zip-required" />
|
||||
</div>
|
||||
</div>
|
||||
<funnelFooter
|
||||
ref="funnelFooter"
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
|
|
@ -118,10 +118,10 @@ export default {
|
|||
isRegistrationZipIServicable: true,
|
||||
isVinValid: true,
|
||||
isCarIdDifferent: false,
|
||||
licensePlate: '',
|
||||
registrationZip: '',
|
||||
email: '',
|
||||
serviceZip: '',
|
||||
licensePlate: this.getLicensePlateFromStore(),
|
||||
registrationZip: this.getRegistrationZipFromStore(),
|
||||
email: this.getEmailFromStore(),
|
||||
serviceZip: this.getServiceZipFromStore(),
|
||||
previouslyEnteredCarId: '',
|
||||
customAlertData: {},
|
||||
isSelectedGlassAvailableForVehicle: true,
|
||||
|
|
@ -158,6 +158,18 @@ export default {
|
|||
store.commit(storeMutations.UPDATE_REGISTRATION_LAST_NAME, null);
|
||||
store.dispatch(storeActions.RESET_PARTS_STATE_AND_DEPENDENCIES);
|
||||
},
|
||||
getLicensePlateFromStore(){
|
||||
return store.getters.vehicle.registration.licensePlate
|
||||
},
|
||||
getRegistrationZipFromStore(){
|
||||
return store.getters.vehicle.registration.zipCode
|
||||
},
|
||||
getEmailFromStore(){
|
||||
return store.getters.order.customer.emailAddress
|
||||
},
|
||||
getServiceZipFromStore(){
|
||||
return store.getters.order.serviceLocation.zip
|
||||
},
|
||||
backButtonAction() {
|
||||
this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue