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

commit

Browse source
This commit is contained in:
Kulbhushan Kaushik 2023-01-20 08:21:38 -05:00
parent e51f06ec94
commit 3cd39fffda
1 changed files with 26 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/layouts/policy-holder-details/policy-holder-details.vue
View file

@ -1,33 +1,41 @@
<template> <template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" > <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" >
<div class="page-container-grouped-styles overflow-auto welcome"> <div class="page-container-grouped-styles overflow-auto">
<div class="fade-on-route-transition"> <div class="fade-on-route-transition">
<siteHeader cmsWidgetName="SiteHeaderWidget"/> <siteHeader cmsWidgetName="SiteHeaderWidget"/>
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/> <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
<div class="row mt-4"> <div class="row mb-4">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
inputId="firstNameField" inputId="firstNameField"
cmsWidgetName="PolicyholderFirstNameQuestion" cmsWidgetName="PolicyholderFirstNameQuestion"
v-model="policyHolderModel.firstName" v-model="customerQuestions.firstName"
isRequired isRequired
ref="policyHolderFirstName" ref="policyHolderFirstName"
disableAutoFill disableAutoFill
validationRules="first-name-required" /> validationRules="first-name-required" />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mb-4">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
inputId="lastNameField" inputId="lastNameField"
cmsWidgetName="PolicyholderLastNameQuestion" cmsWidgetName="PolicyholderLastNameQuestion"
v-model="policyHolderModel.lastName" v-model="customerQuestions.lastName"
isRequired isRequired
ref="policyHolderLastName" ref="policyHolderLastName"
disableAutoFill disableAutoFill
validationRules="last-name-required" /> validationRules="last-name-required" />
</div> </div>
</div> </div>
<addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" />
<siteFooter
cmsWidgetName="SiteFooterWidget"
ref="siteFooter"
:isDisabled="!meta.valid"
@ForwardClicked="forwardButtonAction"
@back-clicked="backButtonAction"
/>
</div> </div>
</div> </div>
</Form> </Form>
@ -37,6 +45,7 @@
import siteHeader from '@/common-components/site-header/site-header'; import siteHeader from '@/common-components/site-header/site-header';
import siteSubHeader from '@/common-components/site-sub-header/site-sub-header'; import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
import textboxQuestion from "@/common-components/textbox-question/textbox-question"; import textboxQuestion from "@/common-components/textbox-question/textbox-question";
import addressQuestions from "@/common-components/address-questions/address-questions";
// Supporting files // Supporting files
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper"; import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@ -49,18 +58,23 @@ import { useMainStore } from '@/store';
//define validation rules //define validation rules
defineRule("first-name-required", required(errorMessages.POLICYHOLDER_FIRST_NAME_REQUIRED)); defineRule("first-name-required", required(errorMessages.POLICYHOLDER_FIRST_NAME_REQUIRED));
defineRule("last-cause-required", required(errorMessages.POLICYHOLDER_LAST_NAME_REQUIRED)); defineRule("last-name-required", required(errorMessages.POLICYHOLDER_LAST_NAME_REQUIRED));
export default { export default {
name: "policy-holder-details", name: "policy-holder-details",
mixins: [BaseFormMixin], mixins: [BaseFormMixin],
data() { data() {
return { return {
policyHolderModel: customerQuestions: {
{ addressQuestions: {
firstName: "", streetAddress: "",
lastName: "", city: "",
} state: "",
zipCode: "",
},
firstName: "",
lastName: "",
},
}; };
}, },
setup() { setup() {
@ -91,6 +105,7 @@ export default {
siteHeader, siteHeader,
siteSubHeader, siteSubHeader,
textboxQuestion, textboxQuestion,
addressQuestions,
Form, Form,
}, },
} }