From 2e422019e6cbbf302368e300fa6d7bdd31682f02 Mon Sep 17 00:00:00 2001
From: hiteshkumar87 <hitesh.kumar@safelite.com>
Date: Wed, 3 Jan 2024 16:35:53 +0530
Subject: [PATCH] CSR-1898

Button copy change & immediately continue (from modal) on Schedule page
---
 src/layouts/schedule/schedule.vue                           | 3 ++-
 .../time-slot-modal-question.spec.js                        | 1 +
 .../time-slot-modal-question/time-slot-modal-question.vue   | 6 ++++--
 src/router/index.js                                         | 6 +++++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 3ba5feb29..d57f08505 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -48,7 +48,8 @@
                             selectableDatesData.estimatedServiceMinutesMaximum
                         "
                         @time-slot-modal-closed="timeSlotModalClosed"
-                        validationRules="time-slot-selection-required" />
+                        validationRules="time-slot-selection-required"
+                        @ForwardClicked="forwardButtonAction" />
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.spec.js b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.spec.js
index cbfe355e3..1c5ba3f5c 100644
--- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.spec.js
+++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.spec.js
@@ -97,6 +97,7 @@ describe("time-slot-modal-question.vue", () => {
 
         //Assert
         expect(wrapper.emitted()["update:modelValue"]).toEqual(expectedEmit);
+        expect(wrapper.emitted()).toHaveProperty("ForwardClicked");
     });
 });
 
diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
index 9a64710b2..ea66c90e7 100644
--- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
+++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
@@ -82,7 +82,7 @@ defineRule("time-slot-required", required(errorMessages.OPTION_REQUIRED));
 
 export default {
     name: "time-slot-modal-question",
-    emits: ["update:modelValue"],
+    emits: ["update:modelValue", "ForwardClicked"],
     props: {
         modelValue: {
             type: Object,
@@ -343,13 +343,15 @@ export default {
         },
         onModalClosed() {
             this.$emit("time-slot-modal-closed");
+            this.selectedRouteCode = this.getSelectedRouteCode();
+            this.modal.resetForm();
         },
         async setSelectedTimeSlot() {
             this.$emit(
                 "update:modelValue",
                 this.getSelectedTimeSlotInfoObject(this.selectedRouteCode)
             );
-            this.closeModal();
+            this.$emit("ForwardClicked");
         },
         getRelevantDropOffCmsWidgetNameForSelectedTimeSlot(
             selectedRouteCode,
diff --git a/src/router/index.js b/src/router/index.js
index 04c934769..13378f141 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -169,7 +169,11 @@ router.beforeEach(async (to, from, next) => {
     if (fromQueryPage === undefined) {
         showFmgLoadingModal(true);
     }
-
+    // remove modal backdrop if one exists
+    let modalBackground = document.querySelector(".modal-backdrop");
+    if (modalBackground) {
+        modalBackground.remove();
+    }
     const toQueryPage = to.query?.fmgPage;
     const notToPIAReturn = toQueryPage != fmgPageValues.PAYMENT_PIA_RETURN;
     const isInIframe = window !== window.top;