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

UI updates

Browse source
This commit is contained in:
Katie Kroell 2026-02-04 10:22:32 -05:00
parent 86cf65aad9
commit 774907c00e
1 changed files with 32 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/layouts/bailout-page/bailout-page.vue
View file

@ -20,24 +20,29 @@
:subContentProperty="subContentProperty" :subContentProperty="subContentProperty"
class="sub-header-content mt-2 mb-5" class="sub-header-content mt-2 mb-5"
justification="left" /> justification="left" />
<textboxQuestion <div class="row">
ref="firstName" <div class="col">
v-model="bailoutPageModel.firstName" <textboxQuestion
class="mb-3" ref="firstName"
inputId="firstNameField" v-model="bailoutPageModel.firstName"
cmsWidgetName="FirstNameQuestion" inputId="firstNameField"
isRequired cmsWidgetName="FirstNameQuestion"
disableAutoFill isRequired
:validationRules="rules.firstName" /> disableAutoFill
<textboxQuestion :validationRules="rules.firstName" />
ref="lastName" </div>
v-model="bailoutPageModel.lastName" <div class="col">
class="mb-3" <textboxQuestion
inputId="lastNameField" ref="lastName"
cmsWidgetName="LastNameQuestion" v-model="bailoutPageModel.lastName"
isRequired class="mb-3"
disableAutoFill inputId="lastNameField"
:validationRules="rules.lastName" /> cmsWidgetName="LastNameQuestion"
isRequired
disableAutoFill
:validationRules="rules.lastName" />
</div>
</div>
<textboxQuestion <textboxQuestion
ref="phoneNumber" ref="phoneNumber"
v-model="bailoutPageModel.phoneNumber" v-model="bailoutPageModel.phoneNumber"
@ -65,6 +70,10 @@
:isBackButtonHidden="!canNavigateBack" :isBackButtonHidden="!canNavigateBack"
@backClicked="backButtonAction" @backClicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
<textBlock
class="mt-5 mb-5"
cmsWidgetName="DisclaimerWidget"
typeStyle="caption" />
</div> </div>
</div> </div>
</div> </div>
@ -77,6 +86,7 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue'; import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
import siteFooter from '@/iss-components/site-footer/site-footer.vue'; import siteFooter from '@/iss-components/site-footer/site-footer.vue';
import textboxQuestion from '@/digital-components/textbox-question/textbox-question.vue'; import textboxQuestion from '@/digital-components/textbox-question/textbox-question.vue';
import textBlock from '@/digital-components/text-block/text-block.vue';
// Supporting files // Supporting files
import BaseFormMixin from '@/mixins/base-form-mixin.js'; import BaseFormMixin from '@/mixins/base-form-mixin.js';
import { fetchCmsContentForPage } from '@/helpers/cms-content-helper'; import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
@ -99,7 +109,8 @@ export default {
siteFooter, siteFooter,
textboxQuestion, textboxQuestion,
// eslint-disable-next-line vue/no-reserved-component-names // eslint-disable-next-line vue/no-reserved-component-names
Form Form,
textBlock
}, },
mixins: [BaseFormMixin], mixins: [BaseFormMixin],
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
@ -130,7 +141,8 @@ export default {
widget: { widget: {
defaultSiteHeader: 'SiteSubHeaderWidget', defaultSiteHeader: 'SiteSubHeaderWidget',
noTpa: 'ContentGroupNoTPAWidget', noTpa: 'ContentGroupNoTPAWidget',
notSeeingPreferredShop: 'ContentGroupNotSeeingPreferredShop' notSeeingPreferredShop: 'ContentGroupNotSeeingPreferredShop',
disclaimerText: 'DisclaimerWidget'
}, },
rules: { rules: {
firstName: globalRules.FIRST_NAME_REQUIRED, firstName: globalRules.FIRST_NAME_REQUIRED,