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

WIP

Browse source
This commit is contained in:
Leah Schumann 2023-02-15 11:13:31 -05:00
parent 621b2c18a4
commit a4dd4340b0
5 changed files with 37 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/digital-components/textbox-question/textbox-question.vue
View file

@ -26,6 +26,7 @@
iconRight ? 'icon-right' : '',
cornerStyle === 'rounded' ? 'rounded-pill' : '',
]"
:autocomplete="preventAutoFill && 'do-not-autofill'"
:validationRules="validationRules"
@change="handleChange"
@blur="handleChange"
@ -76,6 +77,7 @@ export default {
questionAlignment: String, // Left or center. Left is default.
cornerStyle: String, // Rounded or square. Square is default.
includeSearchIcon: Boolean,
preventAutoFill: Boolean,
},
setup(props) {
const propsClone = Object.assign({}, props);

2
src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
View file

@ -111,7 +111,7 @@ export default {
streetAddress: "",
apartmentNumberOrBusinessName: "",
city: "",
state: null,
state: "",
zipCode: "",
}),
},

10
src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
View file

@ -65,10 +65,10 @@ export default {
zipCode: "",
},
isVehicleProtected: null,
isZipServiceableMobile: null,
isZipServiceableInShop: null,
}),
},
isZipServiceableMobile: Boolean,
isZipServiceableInShop: Boolean,
serviceZipCode: String,
linkWidgetName: String,
modalWidgetName: String,
@ -173,6 +173,12 @@ export default {
modelValue(newValue) {
this.internalModel = this.copyModel(newValue);
},
internalModel: {
handler(newValue) {
console.log(newValue);
},
deep: true
}
},
components: {
textLink,

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

@ -5,15 +5,15 @@
<funnelHeader cmsWidgetName="FunnelHeaderWidget" />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
<serviceZipModalQuestion
v-model="serviceZipQuestionModel"
v-model="serviceZipCodeQuestion"
@service-zip-updated="resetMobileLocation"
linkWidgetName="ServiceZipLinkWidget"
modalWidgetName="ServiceZipModalWidget"
textboxQuestionWidgetName="ServiceZipQuestionWidget"
alertInvalidZipWidgetName="AlertInvalidZipWidget" />
<mobileLocationModalQuestions
v-model="mobileLocationQuestions"
ref="mobileLocationModalQuestions"
v-model="mobileLocationQuestionsModel"
linkWidgetName="MobileLocationLinkWidget"
modalWidgetName="MobileLocationModalWidget"
mobileFeeDisclaimerWidgetName="MobileFeeDisclaimerWidget"
@ -45,15 +45,27 @@ export default {
name: "service-location",
data() {
return {
isServiceable: null,
streetAddress: "",
apartmentNumberOrBusinessName: "",
city: "",
state: "",
zipCode: "",
isVehicleProtected: null,
isZipServiceableMobile: null,
isZipServiceableInShop: null,
// serviceState: "",
// serviceZipCode: "",
// isServiceable: null,
// isVehicleProtected: null,
// isZipServiceableMobile: null,
// isZipServiceableInShop: null,
serviceZipCodeQuestion: {
state: "",
zipCode: "",
isServiceable: null,
},
mobileLocationQuestions: {
addressQuestions: {
streetAddress: "",
apartmentNumberOrBusinessName: "",
city: "",
state: "",
zipCode: "",
},
isVehicleProtected: null,
},
};
},
@ -76,65 +88,20 @@ export default {
vm.setCmsContent(resultMap.cmsContent);
});
},
computed: {
serviceZipQuestionModel: {
get: function () {
return {
state: this.state,
zipCode: this.zipCode,
isServiceable: this.isServiceable,
};
},
set: function (newValue) {
this.state = newValue.state;
this.zipCode = newValue.zipCode;
this.isServiceable = newValue.isServiceable;
},
},
mobileLocationQuestionsModel: {
get: function () {
return {
addressQuestions: {
streetAddress: this.streetAddress,
apartmentNumberOrBusinessName: this.apartmentNumberOrBusinessName,
city: this.city,
state: this.state,
zipCode: this.zipCode,
},
isVehicleProtected: this.isVehicleProtected,
isZipServiceableMobile: this.isZipServiceableMobile,
isZipServiceableInShop: this.isZipServiceableInShop,
};
},
set: function (newValue) {
this.streetAddress = newValue.addressQuestions.streetAddress;
this.apartmentNumberOrBusinessName =
newValue.addressQuestions.apartmentNumberOrBusinessName;
this.city = newValue.addressQuestions.city;
this.state = newValue.addressQuestions.state;
this.zipCode = newValue.addressQuestions.zipCode;
this.isVehicleProtected = newValue.isVehicleProtected;
this.isZipServiceableMobile = newValue.isZipServiceableMobile;
this.isZipServiceableInShop = newValue.isZipServiceableInShop;
},
},
},
methods: {
arePagePrerequisitesValid() {
return true;
},
resetMobileLocation() {
this.mobileLocationQuestionsModel = {
this.mobileLocationQuestions = {
addressQuestions: {
streetAddress: "",
apartmentNumberOrBusinessName: "",
city: "",
state: null,
state: "",
zipCode: "",
},
isVehicleProtected: null,
isZipServiceableMobile: null,
isZipServiceableInShop: null,
};
this.$refs.mobileLocationModalQuestions.resetComponent();

1
src/layouts/service-location/service-zip-modal-question/service-zip-question.vue
View file

@ -6,6 +6,7 @@
inputId="serviceZipCode"
questionAlignment="center"
mask="#####"
:preventAutoFill="true"
:displayQuestionText="false"
isRequired
validationRules="zip-required|zip-format" />