MaketRandevu/assets/js/utils/calendar_google_sync.js

194 lines
7.9 KiB
JavaScript
Raw Normal View History

/* ----------------------------------------------------------------------------
* Easy!Appointments - Open Source Web Scheduler
*
* @package EasyAppointments
* @author A.Tselegidis <alextselegidis@gmail.com>
2021-12-18 19:43:45 +03:00
* @copyright Copyright (c) Alex Tselegidis
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
* @link https://easyappointments.org
* @since v1.2.0
* ---------------------------------------------------------------------------- */
/**
* Calendar Google sync utility.
*
* This module implements the functionality of calendar google sync.
*
* Old Name: BackendCalendarGoogleSync
*/
App.Utils.CalendarGoogleSync = (function () {
/**
* Bind the event handlers.
*/
function bindEventHandlers() {
/**
* Event: Enable - Disable Synchronization Button "Click"
*
* When the user clicks on the "Enable Sync" button, a popup should appear
* that is going to follow the web server authorization flow of OAuth.
*/
$('#enable-sync').on('click', () => {
if ($('#enable-sync').hasClass('enabled') === false) {
// Enable synchronization for selected provider.
const authUrl = App.Utils.Url.siteUrl('google/oauth/' + $('#select-filter-item').val());
const redirectUrl = App.Utils.Url.siteUrl('google/oauth_callback');
const windowHandle = window.open(authUrl, 'Authorize Easy!Appointments', 'width=800, height=600');
const authInterval = window.setInterval(() => {
// When the browser redirects to the google user consent page the "window.document" constiable
// becomes "undefined" and when it comes back to the redirect URL it changes back. So check
// whether the constiable is undefined to avoid javascript errors.
try {
if (windowHandle.document) {
2018-01-23 12:08:37 +03:00
if (windowHandle.document.URL.indexOf(redirectUrl) !== -1) {
// The user has granted access to his data.
windowHandle.close();
window.clearInterval(authInterval);
$('#enable-sync').addClass('btn-secondary enabled').removeClass('btn-light');
$('#enable-sync span').text(App.Lang.disable_sync);
2018-01-23 12:08:37 +03:00
$('#google-sync').prop('disabled', false);
$('#select-filter-item option:selected').attr('google-sync', 'true');
// Display the calendar selection dialog. First we will get a list of the available
// user's calendars and then we will display a selection modal so the user can select
// the sync calendar.
const url = App.Utils.Url.siteUrl('backend_api/ajax_get_google_calendars');
const data = {
csrf_token: App.Vars.csrf_token,
2018-01-23 12:08:37 +03:00
provider_id: $('#select-filter-item').val()
};
$.post(url, data).done((response) => {
$('#google-calendar').empty();
response.forEach((calendar) => {
$('#google-calendar').append(new Option(calendar.summary, calendar.id));
2020-12-02 20:57:49 +03:00
});
$('#select-google-calendar').modal('show');
});
2018-01-23 12:08:37 +03:00
}
}
2018-01-23 12:08:37 +03:00
} catch (Error) {
// Accessing the document object before the window is loaded throws an error, but it will only
// happen during the initialization of the window. Attaching "load" event handling is not
// possible due to CORS restrictions.
}
}, 100);
} else {
const buttons = [
{
text: App.Lang.cancel,
click: () => {
$('#message-box').dialog('close');
}
},
{
text: 'OK',
click: () => {
// Disable synchronization for selected provider.
const providerId = $('#select-filter-item').val();
const provider = App.Vars.available_providers.find(
(availableProvider) => Number(availableProvider.id) === Number(providerId)
);
if (!provider) {
throw new Error('Provider not found: ' + providerId);
}
provider.settings.google_sync = '0';
provider.settings.google_token = null;
disableProviderSync(provider.id);
$('#enable-sync').removeClass('btn-secondary enabled').addClass('btn-light');
$('#enable-sync span').text(App.Lang.enable_sync);
$('#google-sync').prop('disabled', true);
$('#select-filter-item option:selected').attr('google-sync', 'false');
$('#message-box').dialog('close');
}
}
];
App.Utils.Message.show(App.Lang.disable_sync, App.Lang.disable_sync_prompt, buttons);
}
});
/**
* Event: Select Google Calendar "Click"
*/
$('#select-calendar').on('click', () => {
const url = App.Utils.Url.siteUrl('backend_api/ajax_select_google_calendar');
const data = {
csrf_token: App.Vars.csrf_token,
provider_id: $('#select-filter-item').val(),
calendar_id: $('#google-calendar').val()
};
$.post(url, data).done(() => {
App.Layouts.Backend.displayNotification(App.Lang.google_calendar_selected);
$('#select-google-calendar').modal('hide');
});
});
/**
* Event: Google Sync Button "Click"
*
* Trigger the synchronization algorithm.
*/
$('#google-sync').on('click', () => {
const url = App.Utils.Url.siteUrl('google/sync/' + $('#select-filter-item').val());
$.ajax({
url: url,
type: 'GET',
dataType: 'json'
})
.done(() => {
App.Layouts.Backend.displayNotification(App.Lang.google_sync_completed);
$('#reload-appointments').trigger('click');
})
.fail(() => {
App.Layouts.Backend.displayNotification(App.Lang.google_sync_failed);
});
});
}
/**
* Disable Provider Sync
*
* This method disables the Google synchronization for a specific provider.
*
* @param {Number} providerId The selected provider record ID.
*/
function disableProviderSync(providerId) {
// Make an ajax call to the server in order to disable the setting from the database.
const url = App.Utils.Url.siteUrl('backend_api/ajax_disable_provider_sync');
const data = {
csrf_token: App.Vars.csrf_token,
provider_id: providerId
};
2020-12-02 20:57:49 +03:00
$.post(url, data);
}
/**
* Initialize the module.
*/
function initialize() {
bindEventHandlers();
}
document.addEventListener('DOMContentLoaded', initialize);
return {
initialize
};
})();