mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-29 03:12:39 +03:00
Code Issues Projects Releases Packages Wiki Activity

Correct unavailable date handling in booking page

Browse source
This commit is contained in:
Alex Tselegidis 2024-02-16 17:08:51 +01:00
parent eedcb3b8d9
commit 6fecbc7cd7
2 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/js/http/booking_http_client.js
View file

@ -28,6 +28,7 @@ App.Http.Booking = (function () {
let unavailableDatesBackup; let unavailableDatesBackup;
let selectedDateStringBackup; let selectedDateStringBackup;
let processingUnavailableDates = false; let processingUnavailableDates = false;
let searchedMonthStart;
let searchedMonthCounter = 0; let searchedMonthCounter = 0;
/** /**
@ -262,7 +263,22 @@ App.Http.Booking = (function () {
dataType: 'json', dataType: 'json',
}).done((response) => { }).done((response) => {
if (response.is_month_unavailable) { if (response.is_month_unavailable) {
if (!searchedMonthStart) {
searchedMonthStart = selectedDateString;
}
if (searchedMonthCounter >= 3) { if (searchedMonthCounter >= 3) {
// Need to mark the current month dates as unavailable
const selectedDateMoment = moment(searchedMonthStart);
const startOfMonthMoment = selectedDateMoment.clone().startOf('month');
const endOfMonthMoment = selectedDateMoment.clone().endOf('month');
const unavailableDates = [];
while (startOfMonthMoment.isSameOrBefore(endOfMonthMoment)) {
unavailableDates.push(startOfMonthMoment.format('YYYY-MM-DD'));
startOfMonthMoment.add(1, 'days'); // Move to the next day
}
applyUnavailableDates(unavailableDates, searchedMonthStart, false);
searchedMonthStart = undefined;
searchedMonthCounter = 0; searchedMonthCounter = 0;
return; // Stop searching return; // Stop searching
} }
@ -332,6 +348,8 @@ App.Http.Booking = (function () {
} }
} }
searchedMonthStart = undefined;
searchedMonthCounter = 0;
processingUnavailableDates = false; processingUnavailableDates = false;
} }

8
assets/js/pages/booking.js
View file

@ -87,6 +87,8 @@ App.Pages.Booking = (function () {
// Initialize page's components (tooltips, date pickers etc). // Initialize page's components (tooltips, date pickers etc).
tippy('[data-tippy-content]'); tippy('[data-tippy-content]');
let monthTimeout;
App.Utils.UI.initializeDatePicker($selectDate, { App.Utils.UI.initializeDatePicker($selectDate, {
inline: true, inline: true,
minDate: moment().subtract(1, 'day').set({hours: 23, minutes: 59, seconds: 59}).toDate(), minDate: moment().subtract(1, 'day').set({hours: 23, minutes: 59, seconds: 59}).toDate(),
@ -97,7 +99,11 @@ App.Pages.Booking = (function () {
}, },
onMonthChange: (selectedDates, dateStr, instance) => { onMonthChange: (selectedDates, dateStr, instance) => {
setTimeout(() => { if (monthTimeout) {
clearTimeout(monthTimeout);
}
monthTimeout = setTimeout(() => {
const displayedMonthMoment = moment( const displayedMonthMoment = moment(
instance.currentYearElement.value + instance.currentYearElement.value +
'-' + '-' +