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>
<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">
<siteHeader cmsWidgetName="SiteHeaderWidget"/>
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
<div class="row mt-4">
<div class="row mb-4">
<div class="col">
<textboxQuestion
inputId="firstNameField"
cmsWidgetName="PolicyholderFirstNameQuestion"
v-model="policyHolderModel.firstName"
v-model="customerQuestions.firstName"
isRequired
ref="policyHolderFirstName"
disableAutoFill
validationRules="first-name-required" />
</div>
</div>
<div class="row mt-4">
<div class="row mb-4">
<div class="col">
<textboxQuestion
inputId="lastNameField"
cmsWidgetName="PolicyholderLastNameQuestion"
v-model="policyHolderModel.lastName"
v-model="customerQuestions.lastName"
isRequired
ref="policyHolderLastName"
disableAutoFill
validationRules="last-name-required" />
</div>
</div>
<addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" />
<siteFooter
cmsWidgetName="SiteFooterWidget"
ref="siteFooter"
:isDisabled="!meta.valid"
@ForwardClicked="forwardButtonAction"
@back-clicked="backButtonAction"
/>
</div>
</div>
</Form>
@ -37,6 +45,7 @@
import siteHeader from '@/common-components/site-header/site-header';
import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
import textboxQuestion from "@/common-components/textbox-question/textbox-question";
import addressQuestions from "@/common-components/address-questions/address-questions";
// Supporting files
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@ -49,18 +58,23 @@ import { useMainStore } from '@/store';
//define validation rules
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 {
name: "policy-holder-details",
mixins: [BaseFormMixin],
data() {
return {
policyHolderModel:
{
firstName: "",
lastName: "",
}
customerQuestions: {
addressQuestions: {
streetAddress: "",
city: "",
state: "",
zipCode: "",
},
firstName: "",
lastName: "",
},
};
},
setup() {
@ -91,6 +105,7 @@ export default {
siteHeader,
siteSubHeader,
textboxQuestion,
addressQuestions,
Form,
},
}