fixed timezone issue with reschedule

timekit-io · Jul 12, 2022 · 1d1b3bd · 1d1b3bd
1 parent 1f79333
commit 1d1b3bd
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/public/build/booking.min.js b/public/build/booking.min.js
diff --git a/src/pages/reschedule.js b/src/pages/reschedule.js
@@ -57,11 +57,17 @@ class BookingReschdulePage extends BaseTemplate {
             e.preventDefault();
             if (!this.bookingReschdulePageTarget) return;
 
-            const bookingPageDate = this.bookingReschdulePageTarget.querySelector('.bookingjs-bookpage-date');
-            bookingPageDate.innerHTML = this.formatTimestamp(eventData.startStr, dateFormat);
+            const formerBookingDate = this.bookingReschdulePageTarget.querySelector('.former-booking-date');
+            const currentBookingDate = this.bookingReschdulePageTarget.querySelector('.current-booking-date');
 
-            const bookingPageTime = this.bookingReschdulePageTarget.querySelector('.bookingjs-bookpage-time');
-            bookingPageTime.innerHTML = this.formatTimestamp(eventData.startStr, timeFormat) + ' - ' + this.formatTimestamp(eventData.endStr, timeFormat);
+            currentBookingDate.innerHTML = this.formatTimestamp(eventData.startStr, dateFormat);
+            formerBookingDate.innerHTML = this.formatTimestamp(this.config.get('reschedule.eventStart'), dateFormat);
+
+            const formerBookingTime = this.bookingReschdulePageTarget.querySelector('.former-booking-time');
+            const currentBookingTime = this.bookingReschdulePageTarget.querySelector('.current-booking-time');
+
+            currentBookingTime.innerHTML = this.formatTimestamp(eventData.startStr, timeFormat) + ' - ' + this.formatTimestamp(eventData.endStr, timeFormat);
+            formerBookingTime.innerHTML = this.formatTimestamp(this.config.get('reschedule.eventStart'), timeFormat) + ' - ' + this.formatTimestamp(this.config.get('reschedule.eventEnd'), timeFormat);
         });
 
         setTimeout(() => this.bookingReschdulePageTarget.classList.add('show'), 100);

diff --git a/src/templates/reschedule-page.html b/src/templates/reschedule-page.html
@@ -3,11 +3,11 @@
     <div class="bookingjs-bookpage-header">
       <h2>Confirm Rescheduling</h2>
       <h3>Former Booking:</h3>
-      <p><b class="bookingjs-form-text">Date:</b> {{ oldDate }}</p>
-      <p><b class="bookingjs-form-text">Time:</b>	{{ oldTime }}</p>
+      <p><b class="bookingjs-form-text">Date:</b> <span class="former-booking-date">{{ oldDate }}</span></p>
+      <p><b class="bookingjs-form-text">Time:</b>	<span class="former-booking-time">{{ oldTime }}</span></p>
       <h3>Rescheduled Booking:</h3>
-      <p><b class="bookingjs-form-text">Date:</b> {{ chosenDate }}</h3></p>
-      <p><b class="bookingjs-form-text">Time:</b> {{ chosenTime }}</h3></p>
+      <p><b class="bookingjs-form-text">Date:</b> <span class="current-booking-date">{{ chosenDate }}</span></p>
+      <p><b class="bookingjs-form-text">Time:</b> <span class="current-booking-time">{{ chosenTime }}</span></p>
       {{#allocatedResource}}
         <span class="bookingjs-bookpage-resource-prefix">{{ allocatedResourcePrefix }}</span>
         <h3 class="bookingjs-bookpage-resource">{{ allocatedResource }}</h3>