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

Merge branch 'feature/CSR-96' into feature/CSR-104

Browse source
This commit is contained in:
Leah Schumann 2022-04-14 08:37:34 -04:00
commit c766d42dfe
1 changed files with 24 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,22 +5,22 @@
</div> </div>
</div> </div>
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<div class="address-fields" v-show="showAddressFields" aria-live="polite"> <div class="row my-4" v-show="showAddressFields" aria-live="polite">
<div class="row my-4"> <div class="col">
<div class="col"> <textboxQuestion cmsWidgetName="CityQuestionWidget" v-model="addressModel.city" ref="city" inputId="cbf28188fdf2436688fd735915f7ee56" disableAutoFill validationRules="city-required"/>
<textboxQuestion cmsWidgetName="CityQuestionWidget" v-model="addressModel.city" ref="city" inputId="cbf28188fdf2436688fd735915f7ee56" disableAutoFill validationRules="city-required"/>
</div>
</div> </div>
<div class="row my-4">
<div class="col-6">
<dropdownQuestion cmsWidgetName="StateQuestionWidget" v-model="addressModel.state" ref="state" inputId="8fdf9dc2e13e430eb57529499dceb3eb" :options="stateOptions" disableAutoFill validationRules="state-required" />
</div>
<div class="col-6">
<textboxQuestion cmsWidgetName="ZipQuestionWidget" v-model="addressModel.zip" ref="zip" inputId="01a9a1c2de0b4c9da8e023c9ae3be498" mask="#####" disableAutoFill validationRules="zip-required|zip-format"/>
</div>
</div>
</div> </div>
</transition> </transition>
<transition name="fade" mode="out-in">
<div class="row my-4" v-show="showAddressFields" aria-live="polite">
<div class="col">
<dropdownQuestion cmsWidgetName="StateQuestionWidget" v-model="addressModel.state" ref="state" inputId="8fdf9dc2e13e430eb57529499dceb3eb" :options="stateOptions" disableAutoFill validationRules="state-required" />
</div>
<div class="col">
<textboxQuestion cmsWidgetName="ZipQuestionWidget" v-model="addressModel.zip" ref="zip" inputId="01a9a1c2de0b4c9da8e023c9ae3be498" mask="#####" disableAutoFill validationRules="zip-required|zip-format"/>
</div>
</div>
</transition>
<alert ref="alertVerificationWarning" v-show="displayVerificationWarning" <alert ref="alertVerificationWarning" v-show="displayVerificationWarning"
cmsWidgetName="AlertVerificationWarningWidget" cmsWidgetName="AlertVerificationWarningWidget"
alertClass="alert-warning" alertClass="alert-warning"
@ -251,6 +251,17 @@ export default ({
mounted() { mounted() {
this.setupAddressLookup(); this.setupAddressLookup();
}, },
watch: {
addressModel: {
handler(newValue){
if (newValue.streetAddress && newValue.city && newValue.state && newValue.zip)
{
this.displayNoMatchWarning = false;
}
},
deep: true
}
},
components: { components: {
textboxQuestion, textboxQuestion,
dropdownQuestion, dropdownQuestion,