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

Added textbox components to license-plate-lookup page

Browse source
This commit is contained in:
Kroell 2022-12-29 16:13:37 -05:00
parent ad3708a583
commit 98ef72f8b7
1 changed files with 31 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/layouts/license-plate-lookup/license-plate-lookup.vue
View file

@ -1,24 +1,30 @@
<template>
<VeeValidateForm @submit="onSubmit" @invalid-submit="onInvalidSubmit">
<VeeValidateForm
@submit="onSubmit"
@invalid-submit="onInvalidSubmit" >
<div class="page-container-grouped-styles overflow-auto">
<SiteHeader
cms-widget-name="SiteHeaderWidget"
/>
<VehicleBanner
<siteHeader
cms-widget-name="SiteHeaderWidget" />
<vehicleBanner
cms-widget-name="VehicleBannerWidget"
:display-generic-vehicle-image="false"
/>
<SiteSubHeader
cms-widget-name="SiteSubHeaderWidget"
/>
<div class="fade-on-route-transition sub-container make-tall">
<p>License Plate Lookup Page Placeholder</p>
<SiteFooter
:display-generic-vehicle-image="false" />
<siteSubHeader
cms-widget-name="SiteSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall mt-5">
<textboxQuestion
inputId="licensePlateField"
cmsWidgetName="LicensePlateNumberQuestionWidget"
v-model="licensePlate" />
<textboxQuestion
class="mt-4"
inputId="registrationZipField"
cmsWidgetName="RegistrationZipQuestionWidget"
v-model="registrationZip" />
<siteFooter
cms-widget-name="SiteFooterWidget"
:is-forward-action-disabled="isForwardActionDisabled"
@back-clicked="backButtonAction"
@forward-clicked="forwardButtonAction"
/>
@forward-clicked="forwardButtonAction" />
</div>
</div>
</VeeValidateForm>
@ -31,20 +37,22 @@ import { Form } from 'vee-validate';
import BaseFormMixin from '@/mixins/base-form-mixin.js';
// Import Component
import SiteFooter from '@/common-components/site-footer/site-footer.vue';
import SiteHeader from '@/common-components/site-header/site-header.vue';
import SiteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
import VehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
import siteFooter from '@/common-components/site-footer/site-footer.vue';
import siteHeader from '@/common-components/site-header/site-header.vue';
import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
import textboxQuestion from '../../common-components/textbox-question/textbox-question.vue';
export default {
name: 'license-plate-lookup',
mixins: [BaseFormMixin],
components: {
VeeValidateForm: Form,
SiteFooter,
SiteHeader,
SiteSubHeader,
VehicleBanner,
siteFooter,
siteHeader,
siteSubHeader,
vehicleBanner,
textboxQuestion,
},
data() {
return {};