easyappointments/assets/js/frontend_book_api.js

323 lines
12 KiB
JavaScript
Raw Normal View History

/* ----------------------------------------------------------------------------
* Easy!Appointments - Open Source Web Scheduler
*
* @package EasyAppointments
* @author A.Tselegidis <alextselegidis@gmail.com>
* @copyright Copyright (c) 2013 - 2020, Alex Tselegidis
* @license http://opensource.org/licenses/GPL-3.0 - GPLv3
* @link http://easyappointments.org
* @since v1.0.0
* ---------------------------------------------------------------------------- */
window.FrontendBookApi = window.FrontendBookApi || {};
/**
* Frontend Book API
*
* This module serves as the API consumer for the booking wizard of the app.
*
* @module FrontendBookApi
*/
2018-01-23 12:08:37 +03:00
(function (exports) {
'use strict';
var unavailableDatesBackup;
var selectedDateStringBackup;
var processingUnavailabilities = false;
/**
* Get Available Hours
*
* This function makes an AJAX call and returns the available hours for the selected service,
* provider and date.
*
* @param {String} selDate The selected date of which the available hours we need to receive.
*/
2018-01-23 12:08:37 +03:00
exports.getAvailableHours = function (selDate) {
$('#available-hours').empty();
// Find the selected service duration (it is going to be send within the "postData" object).
var selServiceDuration = 15; // Default value of duration (in minutes).
2018-01-23 12:08:37 +03:00
$.each(GlobalVariables.availableServices, function (index, service) {
if (service.id == $('#select-service').val()) {
selServiceDuration = service.duration;
}
});
// If the manage mode is true then the appointment's start date should return as available too.
var appointmentId = FrontendBook.manageMode ? GlobalVariables.appointmentData.id : undefined;
// Make ajax post request and get the available hours.
2016-07-15 21:52:21 +03:00
var postUrl = GlobalVariables.baseUrl + '/index.php/appointments/ajax_get_available_hours';
var postData = {
csrfToken: GlobalVariables.csrfToken,
service_id: $('#select-service').val(),
provider_id: $('#select-provider').val(),
selected_date: selDate,
service_duration: selServiceDuration,
manage_mode: FrontendBook.manageMode,
appointment_id: appointmentId
};
2018-01-23 12:08:37 +03:00
$.post(postUrl, postData, function (response) {
// The response contains the available hours for the selected provider and
// service. Fill the available hours div with response data.
if (response.length > 0) {
2020-03-29 17:20:30 +03:00
var providerId = $('#select-provider').val();
if (providerId === 'any-provider') {
providerId = GlobalVariables.availableProviders[0].id; // Use first available provider.
}
2020-03-29 17:20:30 +03:00
var provider = GlobalVariables.availableProviders.filter(function(availableProvider) {
return providerId == availableProvider.id;
}).shift();
if (!provider) {
throw new Error('Could not find provider.');
}
var providerTimezone = provider.timezone;
var selectedTimezone = $('#select-timezone').val();
var currColumn = 1;
2020-03-29 17:20:30 +03:00
2017-10-31 14:56:29 +03:00
$('#available-hours').html('<div style="width:80px; float:left;"></div>');
2020-03-29 17:20:30 +03:00
var timeFormat = GlobalVariables.timeFormat === 'regular' ? 'h:mm a' : 'HH:mm';
2018-01-23 12:08:37 +03:00
$.each(response, function (index, availableHour) {
if ((currColumn * 10) < (index + 1)) {
currColumn++;
2017-10-31 14:56:29 +03:00
$('#available-hours').append('<div style="width:80px; float:left;"></div>');
}
2020-03-29 17:20:30 +03:00
var availableHourMoment = moment
.tz(selDate + ' ' + availableHour + ':00', providerTimezone)
.tz(selectedTimezone);
$('#available-hours div:eq(' + (currColumn - 1) + ')').append(
2020-03-29 17:20:30 +03:00
'<span class="available-hour">' + availableHourMoment.format(timeFormat) + '</span><br/>');
});
if (FrontendBook.manageMode) {
// Set the appointment's start time as the default selection.
$('.available-hour').removeClass('selected-hour');
2018-01-23 12:08:37 +03:00
$('.available-hour').filter(function () {
return $(this).text() === Date.parseExact(
2018-01-23 12:08:37 +03:00
GlobalVariables.appointmentData.start_datetime,
'yyyy-MM-dd HH:mm:ss').toString(timeFormat);
}).addClass('selected-hour');
} else {
// Set the first available hour as the default selection.
$('.available-hour:eq(0)').addClass('selected-hour');
}
FrontendBook.updateConfirmFrame();
} else {
$('#available-hours').text(EALang.no_available_hours);
}
}, 'json').fail(GeneralFunctions.ajaxFailureHandler);
};
/**
* Register an appointment to the database.
*
* This method will make an ajax call to the appointments controller that will register
* the appointment to the database.
*/
2018-01-23 12:08:37 +03:00
exports.registerAppointment = function () {
var $captchaText = $('.captcha-text');
if ($captchaText.length > 0) {
$captchaText.closest('.form-group').removeClass('has-error');
if ($captchaText.val() === '') {
$captchaText.closest('.form-group').addClass('has-error');
return;
}
}
2016-07-15 21:52:21 +03:00
var formData = jQuery.parseJSON($('input[name="post_data"]').val());
var postData = {
csrfToken: GlobalVariables.csrfToken,
post_data: formData
};
if ($captchaText.length > 0) {
postData.captcha = $captchaText.val();
}
if (GlobalVariables.manageMode) {
postData.exclude_appointment_id = GlobalVariables.appointmentData.id;
}
2016-07-15 21:52:21 +03:00
var postUrl = GlobalVariables.baseUrl + '/index.php/appointments/ajax_register_appointment';
var $layer = $('<div/>');
$.ajax({
url: postUrl,
method: 'post',
data: postData,
dataType: 'json',
2018-01-23 12:08:37 +03:00
beforeSend: function (jqxhr, settings) {
$layer
.appendTo('body')
.css({
background: 'white',
position: 'fixed',
top: '0',
left: '0',
height: '100vh',
width: '100vw',
opacity: '0.5'
});
}
})
2018-01-23 12:08:37 +03:00
.done(function (response) {
if (response.captcha_verification === false) {
$('#captcha-hint')
.text(EALang.captcha_is_wrong)
.fadeTo(400, 1);
2018-01-23 12:08:37 +03:00
setTimeout(function () {
$('#captcha-hint').fadeTo(400, 0);
}, 3000);
$('.captcha-title small').trigger('click');
$captchaText.closest('.form-group').addClass('has-error');
return false;
}
window.location.href = GlobalVariables.baseUrl
+ '/index.php/appointments/book_success/' + response.appointment_hash;
})
2018-01-23 12:08:37 +03:00
.fail(function (jqxhr, textStatus, errorThrown) {
$('.captcha-title small').trigger('click');
GeneralFunctions.ajaxFailureHandler(jqxhr, textStatus, errorThrown);
})
2018-01-23 12:08:37 +03:00
.always(function () {
$layer.remove();
});
};
/**
* Get the unavailable dates of a provider.
*
* This method will fetch the unavailable dates of the selected provider and service and then it will
* select the first available date (if any). It uses the "FrontendBookApi.getAvailableHours" method to
* fetch the appointment* hours of the selected date.
*
* @param {Number} providerId The selected provider ID.
* @param {Number} serviceId The selected service ID.
* @param {String} selectedDateString Y-m-d value of the selected date.
*/
2018-01-23 12:08:37 +03:00
exports.getUnavailableDates = function (providerId, serviceId, selectedDateString) {
if (processingUnavailabilities) {
return;
}
var appointmentId = FrontendBook.manageMode ? GlobalVariables.appointmentData.id : undefined;
2016-07-15 21:52:21 +03:00
var url = GlobalVariables.baseUrl + '/index.php/appointments/ajax_get_unavailable_dates';
var data = {
provider_id: providerId,
service_id: serviceId,
selected_date: encodeURIComponent(selectedDateString),
csrfToken: GlobalVariables.csrfToken,
manage_mode: FrontendBook.manageMode,
appointment_id: appointmentId
2016-07-15 21:52:21 +03:00
};
$.ajax({
url: url,
type: 'GET',
data: data,
dataType: 'json'
})
2018-01-23 12:08:37 +03:00
.done(function (response) {
unavailableDatesBackup = response;
selectedDateStringBackup = selectedDateString;
2018-01-23 12:08:37 +03:00
_applyUnavailableDates(response, selectedDateString, true);
})
.fail(GeneralFunctions.ajaxFailureHandler);
};
2018-01-23 12:08:37 +03:00
exports.applyPreviousUnavailableDates = function () {
_applyUnavailableDates(unavailableDatesBackup, selectedDateStringBackup);
};
function _applyUnavailableDates(unavailableDates, selectedDateString, setDate) {
setDate = setDate || false;
processingUnavailabilities = true;
// Select first enabled date.
var selectedDate = Date.parse(selectedDateString);
var numberOfDays = new Date(selectedDate.getFullYear(), selectedDate.getMonth() + 1, 0).getDate();
if (setDate && !GlobalVariables.manageMode) {
2018-01-23 12:08:37 +03:00
for (var i = 1; i <= numberOfDays; i++) {
var currentDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), i);
if (unavailableDates.indexOf(currentDate.toString('yyyy-MM-dd')) === -1) {
$('#select-date').datepicker('setDate', currentDate);
FrontendBookApi.getAvailableHours(currentDate.toString('yyyy-MM-dd'));
break;
}
}
}
// If all the days are unavailable then hide the appointments hours.
if (unavailableDates.length === numberOfDays) {
$('#available-hours').text(EALang.no_available_hours);
}
// Grey out unavailable dates.
2018-01-23 12:08:37 +03:00
$('#select-date .ui-datepicker-calendar td:not(.ui-datepicker-other-month)').each(function (index, td) {
selectedDate.set({day: index + 1});
if ($.inArray(selectedDate.toString('yyyy-MM-dd'), unavailableDates) != -1) {
$(td).addClass('ui-datepicker-unselectable ui-state-disabled');
}
});
processingUnavailabilities = false;
}
/**
* Save the user's consent.
*
* @param {Object} consent Contains user's consents.
*/
exports.saveConsent = function (consent) {
var url = GlobalVariables.baseUrl + '/index.php/consents/ajax_save_consent';
var data = {
csrfToken: GlobalVariables.csrfToken,
consent: consent
};
$.post(url, data).fail(GeneralFunctions.ajaxFailureHandler);
};
/**
* Delete personal information.
*
* @param {Number} customerToken Customer unique token.
*/
exports.deletePersonalInformation = function (customerToken) {
var url = GlobalVariables.baseUrl + '/index.php/privacy/ajax_delete_personal_information';
var data = {
csrfToken: GlobalVariables.csrfToken,
customer_token: customerToken
};
$.post(url, data, function (response) {
location.href = GlobalVariables.baseUrl;
}, 'json').fail(GeneralFunctions.ajaxFailureHandler);
};
})(window.FrontendBookApi);