refactoring coverage-statement page WIP

src/layouts/coverage-statement/coverage-statement.vue

@@ -25,6 +25,7 @@
                                     <p class="small" v-html="bodyText" ref="coverageStatementBodyText"></p>
                                   </div>
                                   <steeringText  cmsWidgetName="MASteeringText" ></steeringText>
+                                  
                               </div>
                               <siteFooter
                                 cmsWidgetName="SiteFooterWidget"
@@ -52,6 +53,7 @@ import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue'
 import textBlock from "@/digital-components/text-block/text-block";
 import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal.vue';
 import steeringText from "@/iss-components/steering-text/steering-text.vue";
+import { issPageValues } from "@/router/router-constants/issPage-values";
 // Import Supporting Files
 import { fetchCmsContentForPage, setupModalLinks } from '@/helpers/cms-content-helper';
 import { settleAllPromises } from '@/helpers/layout-helper';
@@ -75,11 +77,14 @@ export default {
   },
   data () {
     return {
-        selectedVehicle: useMainStore().order.vehicle
+        isITAC: false,
+        deductible: "",
+        policyVehicles: useMainStore().pageData(issPageValues.POLICY_VEHICLES)
     }
   },
   mounted() { 
     setupModalLinks(this);
+    this.getPriceInfo();
   },
   computed: {
       bodyText() {
@@ -115,15 +120,51 @@ export default {
         var damageString = getDamageString();
         return damageString == "match" ? "" : damageString;
       },
+      selectedVehiclePolicyInfo() {
+        const matchingVehicle = this.policyVehicles.filter(
+          (vehicle) => vehicle.vin === store.order.vehicle.vin
+        )
+        return matchingVehicle;
+      },
+      vehicleDeductible() {
+        //console.log(this.selectedVehicle[0].coverages[0].deductible);
+        const deductible = this.selectedVehiclePolicyInfo[0].coverages[0].deductible;
+        //console.log(!this.selectedVehiclePolicyInfo[0].coverages[0]);
+        return deductible;
+      },
+      isDeductibleZero() {
+        return this.vehicleDeductible === 0;
+      },
       coverageVerified() {
         const isCoverageVerified = store.order.payment.insuranceCoverage.isVerified;
         return isCoverageVerified;
       },
       verifiedNoComp() {
-        const policyData = store.applicationUser.pageData.policyVehicles;
+        if (!this.policyVehicles.coverages || this.policyVehicles.noCoverage === true) {
-        if (!policyData.coverages || policyData.noCoverage === true) {
             return true;
         }
+      },
+      verifiedITAC() {
+        this.getPriceInfo();
+        return this.ITAC;
+      },
+      verifiedDeductible() {
+        return !this.isITAC;
+      },
+      ADASReplace() {
+        let parts = store.order.lineItems.glassParts;
+
+        if (parts.filter(part => part.requiresRecalibration).length > 0) {
+          return true;
+        }
+      },
+      nonADASReplace() {
+        return !this.ADASReplace;
+      },
+      nonADASRepair() {
+        if (store.order.damage.isRepair) {
+          return true;
+        }
       }
   },
   async beforeRouteEnter(to, from, next) {
@@ -151,11 +192,16 @@ export default {
           }
           return false;
       },
-      
+      getPriceInfo() {
+        const servicePrice = store.getPriceOrderItems();
+  
+        if (servicePrice > this.vehicleDeductible) {
+          return this.isITAC = true;
+        }
+      },
       async forwardButtonAction() {
           return this.navigateForward();
       },
-
       navigateForward() {
           this.$router.navigate(
               this.navigationScenarios.CLICKED_FORWARD,