MaketRandevu/assets/js/pages/backend_calendar_google_sync.js

189 lines
8 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.2.0
* ---------------------------------------------------------------------------- */
/**
* Backend Calendar Google Sync
*
2018-01-23 12:08:37 +03:00
* This module implements the Google Calendar sync operations.
*
* @module BackendCalendarGoogleSync
*/
window.BackendCalendarGoogleSync = window.BackendCalendarGoogleSync || {};
2018-01-23 12:08:37 +03:00
(function (exports) {
'use strict';
/**
2018-01-23 12:08:37 +03:00
* Bind 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', function () {
if ($('#enable-sync').hasClass('enabled') === false) {
// Enable synchronization for selected provider.
var authUrl = GlobalVariables.baseUrl + '/index.php/google/oauth/' + $('#select-filter-item').val();
var redirectUrl = GlobalVariables.baseUrl + '/index.php/google/oauth_callback';
var windowHandle = window.open(authUrl, 'Authorize Easy!Appointments', 'width=800, height=600');
2018-01-23 12:08:37 +03:00
var authInterval = window.setInterval(function () {
// When the browser redirects to the google user consent page the "window.document" variable
// becomes "undefined" and when it comes back to the redirect URL it changes back. So check
// whether the variable 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.
var url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_get_google_calendars';
var data = {
2018-01-23 12:08:37 +03:00
csrfToken: GlobalVariables.csrfToken,
provider_id: $('#select-filter-item').val()
};
$.post(url, data).done(function (response) {
$('#google-calendar').empty();
response.forEach(function (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 {
var buttons = [
{
text: App.Lang.cancel,
click: function () {
$('#message-box').dialog('close');
}
},
{
text: 'OK',
click: function () {
// Disable synchronization for selected provider.
var providerId = $('#select-filter-item').val();
var provider = GlobalVariables.availableProviders.find(function (availableProvider) {
return 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');
}
}
];
GeneralFunctions.displayMessageBox(App.Lang.disable_sync, App.Lang.disable_sync_prompt, buttons);
}
});
/**
* Event: Select Google Calendar "Click"
*/
$('#select-calendar').on('click', function () {
var url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_select_google_calendar';
var data = {
csrfToken: GlobalVariables.csrfToken,
provider_id: $('#select-filter-item').val(),
calendar_id: $('#google-calendar').val()
};
$.post(url, data).done(function () {
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', function () {
var url = GlobalVariables.baseUrl + '/index.php/google/sync/' + $('#select-filter-item').val();
$.ajax({
url: url,
type: 'GET',
dataType: 'json'
})
2018-01-23 12:08:37 +03:00
.done(function (response) {
Backend.displayNotification(App.Lang.google_sync_completed);
$('#reload-appointments').trigger('click');
})
2018-01-23 12:08:37 +03:00
.fail(function (jqXHR, textStatus, errorThrown) {
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.
var url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_disable_provider_sync';
var data = {
csrfToken: GlobalVariables.csrfToken,
provider_id: providerId
};
2020-12-02 20:57:49 +03:00
$.post(url, data);
}
2018-01-23 12:08:37 +03:00
exports.initialize = function () {
bindEventHandlers();
};
})(window.BackendCalendarGoogleSync);