diff --git a/application/controllers/Providers.php b/application/controllers/Providers.php
new file mode 100644
index 00000000..578622fa
--- /dev/null
+++ b/application/controllers/Providers.php
@@ -0,0 +1,175 @@
+
+ * @copyright Copyright (c) 2013 - 2020, Alex Tselegidis
+ * @license https://opensource.org/licenses/GPL-3.0 - GPLv3
+ * @link https://easyappointments.org
+ * @since v1.0.0
+ * ---------------------------------------------------------------------------- */
+
+/**
+ * Providers controller.
+ *
+ * Handles the providers related operations.
+ *
+ * @package Controllers
+ */
+class Providers extends EA_Controller {
+ /**
+ * Providers constructor.
+ */
+ public function __construct()
+ {
+ parent::__construct();
+
+ $this->load->model('providers_model');
+ $this->load->model('services_model');
+ $this->load->model('roles_model');
+
+ $this->load->library('accounts');
+ $this->load->library('timezones');
+ }
+
+ /**
+ * Render the backend providers page.
+ *
+ * On this page admin users will be able to manage providers, which are eventually selected by customers during the
+ * booking process.
+ */
+ public function index()
+ {
+ session(['dest_url' => site_url('providers')]);
+
+ if (cannot('view', 'users'))
+ {
+ show_error('Forbidden', 403);
+ }
+
+ $user_id = session('user_id');
+
+ $role_slug = session('role_slug');
+
+ $this->load->view('pages/providers/providers_page', [
+ 'page_title' => lang('providers'),
+ 'active_menu' => PRIV_USERS,
+ 'user_display_name' => $this->accounts->get_user_display_name($user_id),
+ 'timezones' => $this->timezones->to_array(),
+ 'privileges' => $this->roles_model->get_permissions_by_slug($role_slug),
+ 'services' => $this->services_model->get(),
+ ]);
+ }
+
+ /**
+ * Filter providers by the provided keyword.
+ */
+ public function search()
+ {
+ try
+ {
+ if (cannot('view', 'users'))
+ {
+ show_error('Forbidden', 403);
+ }
+
+ $keyword = request('keyword', '');
+
+ $order_by = 'first_name ASC, last_name ASC, email ASC';
+
+ $limit = request('limit', 1000);
+
+ $offset = 0;
+
+ $providers = $this->providers_model->search($keyword, $limit, $offset, $order_by);
+
+ json_response($providers);
+ }
+ catch (Throwable $e)
+ {
+ json_exception($e);
+ }
+ }
+
+ /**
+ * Create a provider.
+ */
+ public function create()
+ {
+ try
+ {
+ $provider = json_decode(request('provider'), TRUE);
+
+ if (cannot('add', 'users'))
+ {
+ show_error('Forbidden', 403);
+ }
+
+ $provider_id = $this->providers_model->save($provider);
+
+ json_response([
+ 'success' => TRUE,
+ 'id' => $provider_id
+ ]);
+ }
+ catch (Throwable $e)
+ {
+ json_exception($e);
+ }
+ }
+
+ /**
+ * Update a provider.
+ */
+ public function update()
+ {
+ try
+ {
+ $provider = json_decode(request('provider'), TRUE);
+
+ if (cannot('edit', 'users'))
+ {
+ show_error('Forbidden', 403);
+ }
+
+ $provider_id = $this->providers_model->save($provider);
+
+ json_response([
+ 'success' => TRUE,
+ 'id' => $provider_id
+ ]);
+ }
+ catch (Throwable $e)
+ {
+ json_exception($e);
+ }
+ }
+
+ /**
+ * Remove a provider.
+ */
+ public function destroy()
+ {
+ try
+ {
+ if (cannot('delete', 'users'))
+ {
+ show_error('Forbidden', 403);
+ }
+
+ $provider_id = request('provider_id');
+
+ $this->providers_model->delete($provider_id);
+
+ json_response([
+ 'success' => TRUE,
+ ]);
+ }
+ catch (Throwable $e)
+ {
+ json_exception($e);
+ }
+ }
+}
diff --git a/application/views/pages/providers/providers_page.php b/application/views/pages/providers/providers_page.php
new file mode 100755
index 00000000..cb61dc5c
--- /dev/null
+++ b/application/views/pages/providers/providers_page.php
@@ -0,0 +1,350 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
= lang('providers') ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
= lang('details') ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ = render_timezone_dropdown('id="provider-timezone" class="form-control required"') ?>
+
+
+
+
+
+
+
+
+
+
+
+
= lang('services') ?>
+
+
+
+
+
+
+
= lang('working_plan') ?>
+
+
+
+
+ = lang('day') ?> |
+ = lang('start') ?> |
+ = lang('end') ?> |
+
+
+
+
+
+
+
+
= lang('breaks') ?>
+
+
+ = lang('add_breaks_during_each_day') ?>
+
+
+
+
+
+
+
+
+
+
+
+ = lang('day') ?> |
+ = lang('start') ?> |
+ = lang('end') ?> |
+ = lang('actions') ?> |
+
+
+
+
+
+
+
+
= lang('working_plan_exceptions') ?>
+
+
+ = lang('add_working_plan_exceptions_during_each_day') ?>
+
+
+
+
+
+
+
+
+
+
+
+ = lang('day') ?> |
+ = lang('start') ?> |
+ = lang('end') ?> |
+ = lang('actions') ?> |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/assets/js/backend_providers.js b/assets/js/backend_providers.js
new file mode 100644
index 00000000..53b3e135
--- /dev/null
+++ b/assets/js/backend_providers.js
@@ -0,0 +1,143 @@
+/* ----------------------------------------------------------------------------
+ * Easy!Appointments - Open Source Web Scheduler
+ *
+ * @package EasyAppointments
+ * @author A.Tselegidis
+ * @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.BackendProviders = window.BackendProviders || {};
+
+/**
+ * Backend Providers
+ *
+ * This module handles the js functionality of the providers backend page.
+ *
+ * @module BackendProviders
+ */
+(function (exports) {
+ 'use strict';
+
+ /**
+ * Minimum Password Length
+ *
+ * @type {Number}
+ */
+ exports.MIN_PASSWORD_LENGTH = 7;
+
+ /**
+ * Contains the current tab record methods for the page.
+ *
+ * @type {ProvidersHelper}
+ */
+ var helper = {};
+
+ /**
+ * Use this class instance for performing actions on the working plan.
+ *
+ * @type {WorkingPlan}
+ */
+ exports.wp = {};
+
+ /**
+ * Initialize the backend providers page.
+ *
+ * @param {Boolean} defaultEventHandlers (OPTIONAL) Whether to bind the default event handlers.
+ */
+ exports.initialize = function (defaultEventHandlers) {
+ defaultEventHandlers = defaultEventHandlers || true;
+
+ exports.wp = new WorkingPlan();
+ exports.wp.bindEventHandlers();
+
+ // Instantiate default helper object (admin).
+ helper = new ProvidersHelper();
+ helper.resetForm();
+ helper.filter('');
+ helper.bindEventHandlers();
+
+ // Fill the services and providers list boxes.
+ GlobalVariables.services.forEach(function (service) {
+ $('', {
+ 'class': 'checkbox',
+ 'html': [
+ $('', {
+ 'class': 'checkbox form-check',
+ 'html': [
+ $('', {
+ 'class': 'form-check-input',
+ 'type': 'checkbox',
+ 'data-id': service.id,
+ 'prop': {
+ 'disabled': true
+ }
+ }),
+ $('', {
+ 'class': 'form-check-label',
+ 'text': service.name,
+ 'for': service.id
+ })
+ ]
+ })
+ ]
+ }).appendTo('#provider-services');
+ });
+
+ // Bind event handlers.
+ if (defaultEventHandlers) {
+ bindEventHandlers();
+ }
+ };
+
+ /**
+ * Binds the default backend providers event handlers. Do not use this method on a different
+ * page because it needs the backend providers page DOM.
+ */
+ function bindEventHandlers() {
+ /**
+ * Event: Provider Username "Blur"
+ *
+ * When the provider leaves the provider username input field we will need to check if the username
+ * is not taken by another record in the system.
+ */
+ $('#provider-username').focusout(function () {
+ var $input = $(this);
+
+ if ($input.prop('readonly') === true || $input.val() === '') {
+ return;
+ }
+
+ var providerId = $input.parents().eq(2).find('.record-id').val();
+
+ if (!providerId) {
+ return;
+ }
+
+ var url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_validate_username';
+
+ var data = {
+ csrfToken: GlobalVariables.csrfToken,
+ username: $input.val(),
+ user_id: providerId
+ };
+
+ $.post(url, data).done(function (response) {
+ if (response.is_valid === 'false') {
+ $input.closest('.form-group').addClass('has-error');
+ $input.attr('already-exists', 'true');
+ $input.parents().eq(3).find('.form-message').text(EALang.username_already_exists);
+ $input.parents().eq(3).find('.form-message').show();
+ } else {
+ $input.closest('.form-group').removeClass('has-error');
+ $input.attr('already-exists', 'false');
+ if ($input.parents().eq(3).find('.form-message').text() === EALang.username_already_exists) {
+ $input.parents().eq(3).find('.form-message').hide();
+ }
+ }
+ });
+ });
+ }
+})(window.BackendProviders);
diff --git a/assets/js/backend_providers_helper.js b/assets/js/backend_providers_helper.js
new file mode 100755
index 00000000..756b5bbb
--- /dev/null
+++ b/assets/js/backend_providers_helper.js
@@ -0,0 +1,675 @@
+/* ----------------------------------------------------------------------------
+ * Easy!Appointments - Open Source Web Scheduler
+ *
+ * @package EasyAppointments
+ * @author A.Tselegidis
+ * @copyright Copyright (c) 2013 - 2020, Alex Tselegidis
+ * @license http://opensource.org/licenses/GPL-3.0 - GPLv3
+ * @link http://easyappointments.org
+ * @since v1.0.0
+ * ---------------------------------------------------------------------------- */
+
+(function () {
+ 'use strict';
+
+ /**
+ * Providers Helper
+ *
+ * This class contains the Providers helper class declaration, along with the "Providers" tab
+ * event handlers. By dividing the backend/users tab functionality into separate files
+ * it is easier to maintain the code.
+ *
+ * @class ProvidersHelper
+ */
+ var ProvidersHelper = function () {
+ this.filterResults = {}; // Store the results for later use.
+ this.filterLimit = 20;
+ };
+
+ /**
+ * Bind the event handlers for the backend/users "Providers" tab.
+ */
+ ProvidersHelper.prototype.bindEventHandlers = function () {
+ /**
+ * Event: Filter Providers Form "Submit"
+ *
+ * Filter the provider records with the given key string.
+ *
+ * @param {jQuery.Event} event
+ */
+ $('#providers').on(
+ 'submit',
+ '#filter-providers form',
+ function (event) {
+ event.preventDefault();
+ var key = $('#filter-providers .key').val();
+ $('.selected').removeClass('selected');
+ this.resetForm();
+ this.filter(key);
+ }.bind(this)
+ );
+
+ /**
+ * Event: Clear Filter Button "Click"
+ */
+ $('#providers').on(
+ 'click',
+ '#filter-providers .clear',
+ function () {
+ this.filter('');
+ $('#filter-providers .key').val('');
+ this.resetForm();
+ }.bind(this)
+ );
+
+ /**
+ * Event: Filter Provider Row "Click"
+ *
+ * Display the selected provider data to the user.
+ */
+ $('#providers').on(
+ 'click',
+ '.provider-row',
+ function (event) {
+ if ($('#filter-providers .filter').prop('disabled')) {
+ $('#filter-providers .results').css('color', '#AAA');
+ return; // Exit because we are currently on edit mode.
+ }
+
+ var providerId = $(event.currentTarget).attr('data-id');
+ var provider = this.filterResults.find(function (filterResult) {
+ return Number(filterResult.id) === Number(providerId);
+ });
+
+ this.display(provider);
+ $('#filter-providers .selected').removeClass('selected');
+ $(event.currentTarget).addClass('selected');
+ $('#edit-provider, #delete-provider').prop('disabled', false);
+ }.bind(this)
+ );
+
+ /**
+ * Event: Add New Provider Button "Click"
+ */
+ $('#providers').on(
+ 'click',
+ '#add-provider',
+ function () {
+ this.resetForm();
+ $('#filter-providers button').prop('disabled', true);
+ $('#filter-providers .results').css('color', '#AAA');
+ $('#providers .add-edit-delete-group').hide();
+ $('#providers .save-cancel-group').show();
+ $('#providers .record-details').find('input, select, textarea').prop('disabled', false);
+ $('#provider-password, #provider-password-confirm').addClass('required');
+ $('#providers')
+ .find(
+ '.add-break, .edit-break, .delete-break, .add-working-plan-exception, .edit-working-plan-exception, .delete-working-plan-exception, #reset-working-plan'
+ )
+ .prop('disabled', false);
+ $('#provider-services input:checkbox').prop('disabled', false);
+
+ // Apply default working plan
+ BackendProviders.wp.setup(GlobalVariables.workingPlan);
+ BackendProviders.wp.timepickers(false);
+ }.bind(this)
+ );
+
+ /**
+ * Event: Edit Provider Button "Click"
+ */
+ $('#providers').on('click', '#edit-provider', function () {
+ $('#providers .add-edit-delete-group').hide();
+ $('#providers .save-cancel-group').show();
+ $('#filter-providers button').prop('disabled', true);
+ $('#filter-providers .results').css('color', '#AAA');
+ $('#providers .record-details').find('input, select, textarea').prop('disabled', false);
+ $('#provider-password, #provider-password-confirm').removeClass('required');
+ $('#provider-services input:checkbox').prop('disabled', false);
+ $('#providers')
+ .find(
+ '.add-break, .edit-break, .delete-break, .add-working-plan-exception, .edit-working-plan-exception, .delete-working-plan-exception, #reset-working-plan'
+ )
+ .prop('disabled', false);
+ $('#providers input:checkbox').prop('disabled', false);
+ BackendProviders.wp.timepickers(false);
+ });
+
+ /**
+ * Event: Delete Provider Button "Click"
+ */
+ $('#providers').on(
+ 'click',
+ '#delete-provider',
+ function () {
+ var providerId = $('#provider-id').val();
+
+ var buttons = [
+ {
+ text: EALang.cancel,
+ click: function () {
+ $('#message-box').dialog('close');
+ }
+ },
+ {
+ text: EALang.delete,
+ click: function () {
+ this.delete(providerId);
+ $('#message-box').dialog('close');
+ }.bind(this)
+ }
+ ];
+
+ GeneralFunctions.displayMessageBox(EALang.delete_provider, EALang.delete_record_prompt, buttons);
+ }.bind(this)
+ );
+
+ /**
+ * Event: Save Provider Button "Click"
+ */
+ $('#providers').on(
+ 'click',
+ '#save-provider',
+ function () {
+ var provider = {
+ first_name: $('#provider-first-name').val(),
+ last_name: $('#provider-last-name').val(),
+ email: $('#provider-email').val(),
+ mobile_number: $('#provider-mobile-number').val(),
+ phone_number: $('#provider-phone-number').val(),
+ address: $('#provider-address').val(),
+ city: $('#provider-city').val(),
+ state: $('#provider-state').val(),
+ zip_code: $('#provider-zip-code').val(),
+ notes: $('#provider-notes').val(),
+ timezone: $('#provider-timezone').val(),
+ settings: {
+ username: $('#provider-username').val(),
+ working_plan: JSON.stringify(BackendProviders.wp.get()),
+ working_plan_exceptions: JSON.stringify(BackendProviders.wp.getWorkingPlanExceptions()),
+ notifications: $('#provider-notifications').prop('checked'),
+ calendar_view: $('#provider-calendar-view').val()
+ }
+ };
+
+ // Include provider services.
+ provider.services = [];
+ $('#provider-services input:checkbox').each(function (index, checkbox) {
+ if ($(checkbox).prop('checked')) {
+ provider.services.push($(checkbox).attr('data-id'));
+ }
+ });
+
+ // Include password if changed.
+ if ($('#provider-password').val() !== '') {
+ provider.settings.password = $('#provider-password').val();
+ }
+
+ // Include id if changed.
+ if ($('#provider-id').val() !== '') {
+ provider.id = $('#provider-id').val();
+ }
+
+ if (!this.validate()) {
+ return;
+ }
+
+ this.save(provider);
+ }.bind(this)
+ );
+
+ /**
+ * Event: Cancel Provider Button "Click"
+ *
+ * Cancel add or edit of an provider record.
+ */
+ $('#providers').on(
+ 'click',
+ '#cancel-provider',
+ function () {
+ var id = $('#filter-providers .selected').attr('data-id');
+ this.resetForm();
+ if (id) {
+ this.select(id, true);
+ }
+ }.bind(this)
+ );
+
+ /**
+ * Event: Display Provider Details "Click"
+ */
+ $('#providers').on('shown.bs.tab', 'a[data-toggle="tab"]', function () {
+ Backend.placeFooterToBottom();
+ });
+
+ /**
+ * Event: Reset Working Plan Button "Click".
+ */
+ $('#providers').on('click', '#reset-working-plan', function () {
+ $('.breaks tbody').empty();
+ $('.working-plan-exceptions tbody').empty();
+ $('.work-start, .work-end').val('');
+ BackendProviders.wp.setup(GlobalVariables.workingPlan);
+ BackendProviders.wp.timepickers(false);
+ });
+ };
+
+ /**
+ * Remove the previously registered event handlers.
+ */
+ ProvidersHelper.prototype.unbindEventHandlers = function () {
+ $('#providers')
+ .off('submit', '#filter-providers form')
+ .off('click', '#filter-providers .clear')
+ .off('click', '.provider-row')
+ .off('click', '#add-provider')
+ .off('click', '#edit-provider')
+ .off('click', '#delete-provider')
+ .off('click', '#save-provider')
+ .off('click', '#cancel-provider')
+ .off('shown.bs.tab', 'a[data-toggle="tab"]')
+ .off('click', '#reset-working-plan');
+ };
+
+ /**
+ * Save provider record to database.
+ *
+ * @param {Object} provider Contains the provider record data. If an 'id' value is provided
+ * then the update operation is going to be executed.
+ */
+ ProvidersHelper.prototype.save = function (provider) {
+ var url = GlobalVariables.baseUrl + '/index.php/providers/' + (provider.id ? 'update' : 'create');
+
+ var data = {
+ csrfToken: GlobalVariables.csrfToken,
+ provider: JSON.stringify(provider)
+ };
+
+ $.post(url, data).done(
+ function (response) {
+ Backend.displayNotification(EALang.provider_saved);
+ this.resetForm();
+ $('#filter-providers .key').val('');
+ this.filter('', response.id, true);
+ }.bind(this)
+ );
+ };
+
+ /**
+ * Delete a provider record from database.
+ *
+ * @param {Number} id Record id to be deleted.
+ */
+ ProvidersHelper.prototype.delete = function (id) {
+ var url = GlobalVariables.baseUrl + '/index.php/providers/destroy';
+ var data = {
+ csrfToken: GlobalVariables.csrfToken,
+ provider_id: id
+ };
+
+ $.post(url, data).done(
+ function () {
+ Backend.displayNotification(EALang.provider_deleted);
+ this.resetForm();
+ this.filter($('#filter-providers .key').val());
+ }.bind(this)
+ );
+ };
+
+ /**
+ * Validates a provider record.
+ *
+ * @return {Boolean} Returns the validation result.
+ */
+ ProvidersHelper.prototype.validate = function () {
+ $('#providers .has-error').removeClass('has-error');
+ $('#providers .form-message').removeClass('alert-danger').hide();
+
+ try {
+ // Validate required fields.
+ var missingRequired = false;
+ $('#providers .required').each(function (index, requiredField) {
+ if (!$(requiredField).val()) {
+ $(requiredField).closest('.form-group').addClass('has-error');
+ missingRequired = true;
+ }
+ });
+ if (missingRequired) {
+ throw new Error(EALang.fields_are_required);
+ }
+
+ // Validate passwords.
+ if ($('#provider-password').val() !== $('#provider-password-confirm').val()) {
+ $('#provider-password, #provider-password-confirm').closest('.form-group').addClass('has-error');
+ throw new Error(EALang.passwords_mismatch);
+ }
+
+ if (
+ $('#provider-password').val().length < BackendProviders.MIN_PASSWORD_LENGTH &&
+ $('#provider-password').val() !== ''
+ ) {
+ $('#provider-password, #provider-password-confirm').closest('.form-group').addClass('has-error');
+ throw new Error(EALang.password_length_notice.replace('$number', BackendProviders.MIN_PASSWORD_LENGTH));
+ }
+
+ // Validate user email.
+ if (!GeneralFunctions.validateEmail($('#provider-email').val())) {
+ $('#provider-email').closest('.form-group').addClass('has-error');
+ throw new Error(EALang.invalid_email);
+ }
+
+ // Check if username exists
+ if ($('#provider-username').attr('already-exists') === 'true') {
+ $('#provider-username').closest('.form-group').addClass('has-error');
+ throw new Error(EALang.username_already_exists);
+ }
+
+ return true;
+ } catch (error) {
+ $('#providers .form-message').addClass('alert-danger').text(error.message).show();
+ return false;
+ }
+ };
+
+ /**
+ * Resets the provider tab form back to its initial state.
+ */
+ ProvidersHelper.prototype.resetForm = function () {
+ $('#filter-providers .selected').removeClass('selected');
+ $('#filter-providers button').prop('disabled', false);
+ $('#filter-providers .results').css('color', '');
+
+ $('#providers .add-edit-delete-group').show();
+ $('#providers .save-cancel-group').hide();
+ $('#providers .record-details h3 a').remove();
+ $('#providers .record-details').find('input, select, textarea').val('').prop('disabled', true);
+ $('#providers .record-details #provider-calendar-view').val('default');
+ $('#providers .record-details #provider-timezone').val('UTC');
+ $('#providers .add-break, .add-working-plan-exception, #reset-working-plan').prop('disabled', true);
+ BackendProviders.wp.timepickers(true);
+ $('#providers .working-plan input:text').timepicker('destroy');
+ $('#providers .working-plan input:checkbox').prop('disabled', true);
+ $('.breaks').find('.edit-break, .delete-break').prop('disabled', true);
+ $('.working-plan-exceptions')
+ .find('.edit-working-plan-exception, .delete-working-plan-exception')
+ .prop('disabled', true);
+
+ $('#providers .record-details .has-error').removeClass('has-error');
+ $('#providers .record-details .form-message').hide();
+
+ $('#edit-provider, #delete-provider').prop('disabled', true);
+ $('#provider-services input:checkbox').prop('disabled', true).prop('checked', false);
+ $('#provider-services a').remove();
+ $('#providers .working-plan tbody').empty();
+ $('#providers .breaks tbody').empty();
+ $('#providers .working-plan-exceptions tbody').empty();
+ };
+
+ /**
+ * Display a provider record into the provider form.
+ *
+ * @param {Object} provider Contains the provider record data.
+ */
+ ProvidersHelper.prototype.display = function (provider) {
+ $('#provider-id').val(provider.id);
+ $('#provider-first-name').val(provider.first_name);
+ $('#provider-last-name').val(provider.last_name);
+ $('#provider-email').val(provider.email);
+ $('#provider-mobile-number').val(provider.mobile_number);
+ $('#provider-phone-number').val(provider.phone_number);
+ $('#provider-address').val(provider.address);
+ $('#provider-city').val(provider.city);
+ $('#provider-state').val(provider.state);
+ $('#provider-zip-code').val(provider.zip_code);
+ $('#provider-notes').val(provider.notes);
+ $('#provider-timezone').val(provider.timezone);
+
+ $('#provider-username').val(provider.settings.username);
+ $('#provider-calendar-view').val(provider.settings.calendar_view);
+ $('#provider-notifications').prop('checked', Boolean(Number(provider.settings.notifications)));
+
+ // Add dedicated provider link.
+ var dedicatedUrl = GlobalVariables.baseUrl + '/index.php?provider=' + encodeURIComponent(provider.id);
+ var $link = $('', {
+ 'href': dedicatedUrl,
+ 'html': [
+ $('', {
+ 'class': 'fas fa-link'
+ })
+ ]
+ });
+
+ $('#providers .details-view h3').find('a').remove().end().append($link);
+
+ $('#provider-services a').remove();
+ $('#provider-services input:checkbox').prop('checked', false);
+
+ provider.services.forEach(function (providerServiceId) {
+ var $checkbox = $('#provider-services input[data-id="' + providerServiceId + '"]');
+
+ if (!$checkbox.length) {
+ return;
+ }
+
+ $checkbox.prop('checked', true);
+
+ // Add dedicated service-provider link.
+ dedicatedUrl =
+ GlobalVariables.baseUrl +
+ '/index.php?provider=' +
+ encodeURIComponent(provider.id) +
+ '&service=' +
+ encodeURIComponent(providerServiceId);
+
+ $link = $('', {
+ 'href': dedicatedUrl,
+ 'html': [
+ $('', {
+ 'class': 'fas fa-link'
+ })
+ ]
+ });
+
+ $checkbox.parent().append($link);
+ });
+
+ // Display working plan
+ var workingPlan = $.parseJSON(provider.settings.working_plan);
+ BackendProviders.wp.setup(workingPlan);
+ $('.working-plan').find('input').prop('disabled', true);
+ $('.breaks').find('.edit-break, .delete-break').prop('disabled', true);
+ $('#providers .working-plan-exceptions tbody').empty();
+ var workingPlanExceptions = $.parseJSON(provider.settings.working_plan_exceptions);
+ BackendProviders.wp.setupWorkingPlanExceptions(workingPlanExceptions);
+ $('.working-plan-exceptions')
+ .find('.edit-working-plan-exception, .delete-working-plan-exception')
+ .prop('disabled', true);
+ $('#providers .working-plan input:checkbox').prop('disabled', true);
+ Backend.placeFooterToBottom();
+ };
+
+ /**
+ * Filters provider records depending a string keyword.
+ *
+ * @param {string} keyword This is used to filter the provider records of the database.
+ * @param {numeric} selectId Optional, if set, when the function is complete a result row can be set as selected.
+ * @param {bool} display Optional (false), if true the selected record will be also displayed.
+ */
+ ProvidersHelper.prototype.filter = function (keyword, selectId, display) {
+ display = display || false;
+
+ var url = GlobalVariables.baseUrl + '/index.php/providers/search';
+ var data = {
+ csrfToken: GlobalVariables.csrfToken,
+ keyword: keyword,
+ limit: this.filterLimit
+ };
+
+ $.post(url, data).done(
+ function (response) {
+ this.filterResults = response;
+
+ $('#filter-providers .results').empty();
+ response.forEach(
+ function (provider) {
+ $('#filter-providers .results').append(this.getFilterHtml(provider)).append($('
'));
+ }.bind(this)
+ );
+
+ if (!response.length) {
+ $('#filter-providers .results').append(
+ $('', {
+ 'text': EALang.no_records_found
+ })
+ );
+ } else if (response.length === this.filterLimit) {
+ $('', {
+ 'type': 'button',
+ 'class': 'btn btn-block btn-outline-secondary load-more text-center',
+ 'text': EALang.load_more,
+ 'click': function () {
+ this.filterLimit += 20;
+ this.filter(keyword, selectId, display);
+ }.bind(this)
+ }).appendTo('#filter-providers .results');
+ }
+
+ if (selectId) {
+ this.select(selectId, display);
+ }
+ }.bind(this)
+ );
+ };
+
+ /**
+ * Get an provider row html code that is going to be displayed on the filter results list.
+ *
+ * @param {Object} provider Contains the provider record data.
+ *
+ * @return {String} The html code that represents the record on the filter results list.
+ */
+ ProvidersHelper.prototype.getFilterHtml = function (provider) {
+ var name = provider.first_name + ' ' + provider.last_name;
+
+ var info = provider.email;
+
+ info = provider.mobile_number ? info + ', ' + provider.mobile_number : info;
+
+ info = provider.phone_number ? info + ', ' + provider.phone_number : info;
+
+ return $('', {
+ 'class': 'provider-row entry',
+ 'data-id': provider.id,
+ 'html': [
+ $('', {
+ 'text': name
+ }),
+ $('
'),
+ $('', {
+ 'text': info
+ }),
+ $('
')
+ ]
+ });
+ };
+
+ /**
+ * Initialize the editable functionality to the break day table cells.
+ *
+ * @param {Object} $selector The cells to be initialized.
+ */
+ ProvidersHelper.prototype.editableDayCell = function ($selector) {
+ var weekDays = {};
+ weekDays[EALang.monday] = 'Monday';
+ weekDays[EALang.tuesday] = 'Tuesday';
+ weekDays[EALang.wednesday] = 'Wednesday';
+ weekDays[EALang.thursday] = 'Thursday';
+ weekDays[EALang.friday] = 'Friday';
+ weekDays[EALang.saturday] = 'Saturday';
+ weekDays[EALang.sunday] = 'Sunday';
+
+ $selector.editable(
+ function (value, settings) {
+ return value;
+ },
+ {
+ type: 'select',
+ data: weekDays,
+ event: 'edit',
+ height: '30px',
+ submit: '',
+ cancel: '',
+ onblur: 'ignore',
+ onreset: function (settings, td) {
+ if (!BackendProviders.enableCancel) {
+ return false; // disable ESC button
+ }
+ },
+ onsubmit: function (settings, td) {
+ if (!BackendProviders.enableSubmit) {
+ return false; // disable Enter button
+ }
+ }
+ }
+ );
+ };
+
+ /**
+ * Initialize the editable functionality to the break time table cells.
+ *
+ * @param {jQuery} $selector The cells to be initialized.
+ */
+ ProvidersHelper.prototype.editableTimeCell = function ($selector) {
+ $selector.editable(
+ function (value, settings) {
+ // Do not return the value because the user needs to press the "Save" button.
+ return value;
+ },
+ {
+ event: 'edit',
+ height: '25px',
+ submit: '',
+ cancel: '',
+ onblur: 'ignore',
+ onreset: function (settings, td) {
+ if (!BackendProviders.enableCancel) {
+ return false; // disable ESC button
+ }
+ },
+ onsubmit: function (settings, td) {
+ if (!BackendProviders.enableSubmit) {
+ return false; // disable Enter button
+ }
+ }
+ }
+ );
+ };
+
+ /**
+ * Select and display a providers filter result on the form.
+ *
+ * @param {Number} id Record id to be selected.
+ * @param {Boolean} display Optional (false), if true the record will be displayed on the form.
+ */
+ ProvidersHelper.prototype.select = function (id, display) {
+ display = display || false;
+
+ // Select record in filter results.
+ $('#filter-providers .provider-row[data-id="' + id + '"]').addClass('selected');
+
+ // Display record in form (if display = true).
+ if (display) {
+ var provider = this.filterResults.find(
+ function (filterResult) {
+ return Number(filterResult.id) === Number(id);
+ }.bind(this)
+ );
+
+ this.display(provider);
+
+ $('#edit-provider, #delete-provider').prop('disabled', false);
+ }
+ };
+
+ window.ProvidersHelper = ProvidersHelper;
+})();