From 80f90ce2335c20b0b419f6be97bfa4c0039e2b9e Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 2 Aug 2023 16:49:36 -0400
Subject: [PATCH] looks like formatting only.

Sorry David :)
---
 src/layouts/welcome-page/welcome-page.vue | 205 +++++++++++-----------
 1 file changed, 99 insertions(+), 106 deletions(-)

diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 50c0cf50..bed9c764 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -1,55 +1,47 @@
 <template>
-    <Form
-        ref="theForm"
-        v-slot="{ meta }"
-        @submit="onSubmit"
-        @invalid-submit="onInvalidSubmit">
+    <Form ref="theForm" v-slot="{ meta }" @submit="onSubmit" @invalid-submit="onInvalidSubmit">
         <div class="page-container-grouped-styles welcome">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <siteSubHeader
-                    cmsWidgetName="SiteSubHeaderWidget"
-                    class="mt-4" />
+                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-4" />
                 <div class="container-fluid px-5">
                     <div class="row mt-5">
                         <div class="col">
                             <textboxQuestion
-                            ref="policyNumber"
-                            v-model="welcomePageModel.policyNumber"
-                            inputId="policyNumberField"
-                            cmsWidgetName="PolicyNumberQuestion"
-                            isRequired
-                            disableAutoFill
-                            :isDisabled="isPolicyHolderEnabled"
-                            :validationRules="rules.policyNumber" />
+                                ref="policyNumber"
+                                v-model="welcomePageModel.policyNumber"
+                                inputId="policyNumberField"
+                                cmsWidgetName="PolicyNumberQuestion"
+                                isRequired
+                                disableAutoFill
+                                :isDisabled="isPolicyHolderEnabled"
+                                :validationRules="rules.policyNumber" />
                         </div>
                     </div>
-                    <div
-                        v-if="isCoverageEnabled"
-                        class="row mt-4">
+                    <div v-if="isCoverageEnabled" class="row mt-4">
                         <div class="col">
                             <textboxQuestion
-                            ref="policyZip"
-                            v-model="welcomePageModel.policyZipCode"
-                            inputId="policyZipCode"
-                            cmsWidgetName="PolicyZipQuestion"
-                            isRequired
-                            :validationRules="rules.policyZip" />
+                                ref="policyZip"
+                                v-model="welcomePageModel.policyZipCode"
+                                inputId="policyZipCode"
+                                cmsWidgetName="PolicyZipQuestion"
+                                isRequired
+                                :validationRules="rules.policyZip" />
                         </div>
                     </div>
                     <div class="row mt-4">
                         <div class="col">
                             <textboxQuestion
-                            ref="dateOfLoss"
-                            v-model="welcomePageModel.dateOfLoss"
-                            type="date"
-                            cmsWidgetName="DateOfLossQuestion"
-                            inputId="dateOfLossField"
-                            isRequired
-                            disableAutoFill
-                            :max="new Date().toJSON().slice(0,10)"
-                            :min="'1972-12-01'"
-                            :validationRules="rules.lossDate" />
+                                ref="dateOfLoss"
+                                v-model="welcomePageModel.dateOfLoss"
+                                type="date"
+                                cmsWidgetName="DateOfLossQuestion"
+                                inputId="dateOfLossField"
+                                isRequired
+                                disableAutoFill
+                                :max="new Date().toJSON().slice(0, 10)"
+                                :min="'1972-12-01'"
+                                :validationRules="rules.lossDate" />
                         </div>
                     </div>
                     <div class="row px-4">
@@ -63,92 +55,90 @@
                     <div class="row mt-4">
                         <div class="col">
                             <dropdownQuestion
-                            id="welcomeDropdown"
-                            ref="damageCause"
-                            v-model="welcomePageModel.damageCause"
-                            cmsWidgetName="DamageCauseQuestion"
-                            inputId="damageCauseQuestionField"
-                            :options="DamageCauseOptions"
-                            disableAutoFill
-                            :validationRules="rules.damageOption"
-                            placeHolderText="Select an option" />
+                                id="welcomeDropdown"
+                                ref="damageCause"
+                                v-model="welcomePageModel.damageCause"
+                                cmsWidgetName="DamageCauseQuestion"
+                                inputId="damageCauseQuestionField"
+                                :options="DamageCauseOptions"
+                                disableAutoFill
+                                :validationRules="rules.damageOption"
+                                placeHolderText="Select an option" />
                         </div>
                     </div>
                     <div class="row mt-4">
                         <div class="col">
                             <textboxQuestion
-                            ref="phoneNumber"
-                            v-model="welcomePageModel.phoneNumber"
-                            inputId="phoneNumberField"
-                            cmsWidgetName="PhoneNumberQuestion"
-                            :validationRules="rules.phoneNumber"
-                            isRequired
-                            mask="###-###-####"
-                            disableAutoFill />
+                                ref="phoneNumber"
+                                v-model="welcomePageModel.phoneNumber"
+                                inputId="phoneNumberField"
+                                cmsWidgetName="PhoneNumberQuestion"
+                                :validationRules="rules.phoneNumber"
+                                isRequired
+                                mask="###-###-####"
+                                disableAutoFill />
                         </div>
                     </div>
                     <div class="row mt-4">
                         <div class="col">
                             <textboxQuestion
-                            ref="email"
-                            v-model="welcomePageModel.email"
-                            inputId="emailField"
-                            cmsWidgetName="EmailAddressQuestion"
-                            :validationRules="rules.email"
-                            isRequired
-                            disableAutoFill />
+                                ref="email"
+                                v-model="welcomePageModel.email"
+                                inputId="emailField"
+                                cmsWidgetName="EmailAddressQuestion"
+                                :validationRules="rules.email"
+                                isRequired
+                                disableAutoFill />
                         </div>
                     </div>
                     <div class="row">
                         <div class="col">
                             <textboxQuestion
-                            v-if="displayDamageCityQuestion"
-                            ref="damageCity"
-                            v-model="welcomePageModel.damageCity"
-                            class="mt-4"
-                            inputId="damageCityField"
-                            cmsWidgetName="DamageCityQuestion"
-                            isRequired
-                            disableAutoFill
-                            :validationRules="rules.lossCity" />
+                                v-if="displayDamageCityQuestion"
+                                ref="damageCity"
+                                v-model="welcomePageModel.damageCity"
+                                class="mt-4"
+                                inputId="damageCityField"
+                                cmsWidgetName="DamageCityQuestion"
+                                isRequired
+                                disableAutoFill
+                                :validationRules="rules.lossCity" />
                         </div>
                     </div>
                     <div class="row">
                         <div class="col">
                             <dropdownQuestion
-                            v-if="displayDamageStateQuestion"
-                            id="welcomeDropdown"
-                            ref="state"
-                            v-model="welcomePageModel.damageState"
-                            class="mt-4"
-                            cmsWidgetName="DamageStateQuestion"
-                            inputId="8fdf9dc2e13e430eb57529499dceb3eb"
-                            :options="getStates"
-                            :validationRules="rules.lossState"
-                            isRequired
-                            disableAutoFill
-                            placeHolderText="Select an option" />
+                                v-if="displayDamageStateQuestion"
+                                id="welcomeDropdown"
+                                ref="state"
+                                v-model="welcomePageModel.damageState"
+                                class="mt-4"
+                                cmsWidgetName="DamageStateQuestion"
+                                inputId="8fdf9dc2e13e430eb57529499dceb3eb"
+                                :options="getStates"
+                                :validationRules="rules.lossState"
+                                isRequired
+                                disableAutoFill
+                                placeHolderText="Select an option" />
                         </div>
                     </div>
                     <div class="row mb-3">
                         <buttonQuestion
-                        v-if="displayGlassOnlyQuestion"
-                        ref="glassOnlyDamage"
-                        v-model="welcomePageModel.isDamageGlassOnly"
-                        class="px-0 mt-4"
-                        cmsWidgetName="GlassOnlyQuestion"
-                        inputId="isDamageGlassOnly"
-                        :answers="DamageGlassOnlyOptions"
-                        :questionText="DamageGlassOnlyQuestion"
-                        buttonTypeString="listButtonHorizontal"
-                        :validationRules="rules.damageOption"
-                        isRequired
-                        isSmallQuestionLabelText
-                        disableAutoFill />
+                            v-if="displayGlassOnlyQuestion"
+                            ref="glassOnlyDamage"
+                            v-model="welcomePageModel.isDamageGlassOnly"
+                            class="px-0 mt-4"
+                            cmsWidgetName="GlassOnlyQuestion"
+                            inputId="isDamageGlassOnly"
+                            :answers="DamageGlassOnlyOptions"
+                            :questionText="DamageGlassOnlyQuestion"
+                            buttonTypeString="listButtonHorizontal"
+                            :validationRules="rules.damageOption"
+                            isRequired
+                            isSmallQuestionLabelText
+                            disableAutoFill />
                     </div>
-                    <div
-                        id="welcomeFooter"
-                        class="row position-sticky top-100">
+                    <div id="welcomeFooter" class="row position-sticky top-100">
                         <div class="col">
                             <siteFooter
                                 class="mt-3"
@@ -227,8 +217,6 @@ export default {
         const resultMap = await settleAllPromises(promiseResultMap);
 
         next((vm) => {
-            console.log(resultMap);
-            console.log(resultMap.cmsContent);
             vm.setCmsContent(resultMap.cmsContent);
         });
     },
@@ -294,8 +282,7 @@ export default {
             return this.mainStore.issConfig.isCoverageEnabled;
         }
     },
-    methods:
-    {
+    methods: {
         async forwardButtonAction() {
             this.mainStore.updatePolicyData(this.welcomePageModel);
 
@@ -347,21 +334,27 @@ export default {
             if (policy) {
                 if (this.vehiclesFound) {
                     // if policy lookup is successful and vehicles are found, navigate to policy-vehicles page
-                    this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_WITH_VEHICLES,
+                    this.$router.navigate(
+                        this.navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_WITH_VEHICLES,
                         this.$route,
                         {},
                         {},
-                        this.vehiclesFound);
+                        this.vehiclesFound
+                    );
                 } else {
                     // if policy lookup is successful, but no vehicles are associated with the policy
                     // navigate to vehicle-selection page (manual entry)
-                    this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_NO_VEHICLES,
-                        this.$route);
+                    this.$router.navigate(
+                        this.navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED_NO_VEHICLES,
+                        this.$route
+                    );
                 }
             } else {
                 // if policy lookup is unsuccessful, navigate to policy-holder-details page
-                this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD_POLICY_UNVERIFIED,
-                    this.$route);
+                this.$router.navigate(
+                    this.navigationScenarios.CLICKED_FORWARD_POLICY_UNVERIFIED,
+                    this.$route
+                );
             }
         },