changes to alert

src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue

@@ -1,4 +1,14 @@
 <template>
+    <alert
+        ref="differentVehicleAlert"
+        v-if="isCarIdDifferent"
+        class="my-4"
+        cmsWidgetName="FoundWindshield"
+        :manualHeadline="differentVehicleAlertHeader"
+        :manualCopy="differentVehicleAlertBody"
+        alertClass="alert-warning"
+        v-bind:isDismissible="false"
+        id="address-vehicles-question-alert" />
     <buttonQuestion
         class="address-vehicles-question"
         buttonTypeString="listButton"
@@ -9,15 +19,6 @@
         isRequired
         :validation-rules="validationRules"
         :valueToLogType="ValueToLogTypes.LAST_5" />
-    <alert
-        ref="differentVehicleAlert"
-        v-if="isCarIdDifferent"
-        class="my-3"
-        cmsWidgetName="FoundWindshield"
-        :manualHeadline="differentVehicleAlertHeader"
-        :manualCopy="differentVehicleAlertBody"
-        alertClass="alert-warning"
-        v-bind:isDismissible="false" />
 </template>
 
 <script>
@@ -79,4 +80,7 @@ export default {
         }
     }
 }
+#address-vehicles-question-alert p {
+    margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body text
+}
 </style>

src/layouts/address-vehicles/address-vehicles.vue

@@ -20,18 +20,7 @@
         :manualHeadline="AlertFoundMultipleVehiclesHeader"
         manualCopy=""
         v-bind:isDismissible="false"
-        id="address-vehicles-alert"
+        id="multiple-vehicles-alert"
-      />
-      <alert
-        cmsWidgetName="FoundWindshield"
-        ref="alertFoundWindshield"
-        class="my-4"
-        alertClass="alert-warning"
-        :manualHeadline="AlertFoundWindshieldHeader"
-        :manualCopy="AlertFoundWindshieldBody"
-        v-if="isCarIdDifferent"
-        v-bind:isDismissible="false"
-        id="address-vehicles-alert"
       />
       <addressVehiclesQuestion
         ref="addressVehiclesQuestion"
@@ -39,6 +28,7 @@
         :vehicles="VehiclesForQuestions"
         validationRules="vehicle-required"
         v-model="selectedVehicleVin"
+        :isCarIdDifferent="isCarIdDifferent"
       />
       <div
         class="alert-provide-vin my-3"
@@ -77,10 +67,7 @@ import { issPageValues } from "@/router/router-constants/issPage-values";
 import { errorMessages } from "@/constants/error-messages";
 import { required } from "@/helpers/validation-rules";
 import { Form, defineRule } from "vee-validate";
-import {
+import { isGlassAvailableForCarId } from "@/helpers/damage-helper";
-  getDamageString,
-  isGlassAvailableForCarId,
-} from "@/helpers/damage-helper";
 import {
   doesCopyContainRouterLink,
   splitCopyOnCMSPlaceHolder,
@@ -142,22 +129,6 @@ export default {
         "HeadlineText"
       ).replaceAll("{custom:vehicleCount}", this.vehicleCount);
     },
-    AlertFoundWindshieldHeader() {
-      return this.getCmsContent("FoundWindshield", "HeadlineText").replaceAll(
-        "{custom:damage}",
-        getDamageString()
-      );
-    },
-    AlertFoundWindshieldBody() {
-      return this.getCmsContent(
-        "FoundWindshield",
-        "BodyText"
-      )
-        .replaceAll("{custom:damage}", getDamageString())
-        .replaceAll("{custom:vinlookupYear}", this.selectedVehicle.vehicle.year)
-        .replaceAll("{custom:vinlookupMake}", this.selectedVehicle.vehicle.make)
-        .replaceAll("{custom:vinlookupModel}", this.selectedVehicle.vehicle.model)
-    },
     AlertProvideVinBody() {
       return this.getCmsContent("ProvideVinAlert", "BodyText");
     },
@@ -290,7 +261,7 @@ export default {
   }
 }
 
-#address-vehicles-alert p {
+#multiple-vehicles-alert p {
-  margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body
+  margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body text
 }
 </style>