easyappointments/assets/js/backend_settings_system.js

/* ----------------------------------------------------------------------------
 * 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
 * ---------------------------------------------------------------------------- */

(function () {
    'use strict';

    /**
     * "System Settings" Tab Helper Class
     *
     * @class SystemSettings
     */
    var SystemSettings = function () {};

    /**
     * Save the system settings.
     *
     * This method is run after changes are detected on the tab input fields.
     *
     * @param {Array} settings Contains the system settings data.
     */
    SystemSettings.prototype.save = function (settings) {
        if (!this.validate()) {
            return; // Validation failed, do not proceed.
        }

        var url = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_save_settings';

        var data = {
            csrfToken: GlobalVariables.csrfToken,
            settings: JSON.stringify(settings),
            type: BackendSettings.SETTINGS_SYSTEM
        };

        $.post(url, data).done(function () {
            Backend.displayNotification(EALang.settings_saved);

            // Update the logo title on the header.
            $('#header-logo span').text($('#company-name').val());

            // Update book_advance_timeout preview
            var totalMinutes = $('#book-advance-timeout').val();
            var hours = Math.floor(totalMinutes / 60);
            var minutes = totalMinutes % 60;
            $('#book-advance-timeout-helper').text(
                EALang.book_advance_timeout_hint.replace(
                    '{$limit}',
                    ('0' + hours).slice(-2) + ':' + ('0' + minutes).slice(-2)
                )
            );

            // Update variables also used in other setting tabs
            GlobalVariables.timeFormat = $('#time-format').val();
            GlobalVariables.firstWeekday = $('#first-weekday').val();

            // We need to refresh the working plan.
            var workingPlan = BackendSettings.wp.get();
            BackendSettings.wp.setup(workingPlan);
            BackendSettings.wp.timepickers(false);
        });
    };

    /**
     * Get the state of a visible/hidden toggle button
     *
     * This method uses the DOM elements of the backend/settings page, so it can't be used in another page.
     *
     * @argument the element jquery of a button object that is a visible/hidden toggle.
     *
     * @return '0' when the button shows 'invisible' and '1' when the button shows 'visible'. Will always return '0' on an error.
     */
    function getToggleButtonState($element) {
        var visiblePartArray = $element.find('.hide-toggle-visible');
        var invisiblePartArray = $element.find('.hide-toggle-hidden');
        if (!(visiblePartArray.length === 0 || invisiblePartArray.length === 0)) {
            if (visiblePartArray.hasClass('hidden')) {
                //our button is currently invisible
                return '0'; //invisible
            } else {
                //our button is currently visible
                return '1'; //visible
            }
        } else {
            return '0'; //invisible
        }
    }

    /**
     * Prepare the system settings array.
     *
     * This method uses the DOM elements of the backend/settings page, so it can't be used in another page.
     *
     * @return {Array} Returns the system settings array.
     */
    SystemSettings.prototype.get = function () {
        var settings = [];

        // General Settings Tab

        $('#general')
            .find('input, select')
            .not('input:checkbox')
            .each(function (index, field) {
                settings.push({
                    name: $(field).attr('data-field'),
                    value: $(field).val()
                });
            });

        settings.push({
            name: 'customer_notifications',
            value: $('#customer-notifications').prop('checked') ? '1' : '0'
        });

        settings.push({
            name: 'require_captcha',
            value: $('#require-captcha').prop('checked') ? '1' : '0'
        });

        settings.push({
            name: 'require_phone_number',
            value: $('#require-phone-number').prop('checked') ? '1' : '0'
        });

        settings.push({
            name: 'display_any_provider',
            value: $('#display-any-provider').prop('checked') ? '1' : '0'
        });

        //Client Form Tab

        settings.push({
            name: 'show_phone_number',
            value: getToggleButtonState($('#show-phone-number'))
        });

        settings.push({
            name: 'show_address',
            value: getToggleButtonState($('#show-address'))
        });

        settings.push({
            name: 'show_city',
            value: getToggleButtonState($('#show-city'))
        });

        settings.push({
            name: 'show_zip_code',
            value: getToggleButtonState($('#show-zip-code'))
        });

        settings.push({
            name: 'show_notes',
            value: getToggleButtonState($('#show-notes'))
        });

        // Business Logic Tab

        settings.push({
            name: 'company_working_plan',
            value: JSON.stringify(BackendSettings.wp.get())
        });

        settings.push({
            name: 'book_advance_timeout',
            value: $('#book-advance-timeout').val()
        });

        // Legal Contents Tab

        settings.push({
            name: 'display_cookie_notice',
            value: $('#display-cookie-notice').prop('checked') ? '1' : '0'
        });

        settings.push({
            name: 'cookie_notice_content',
            value: $('#cookie-notice-content').trumbowyg('html')
        });

        settings.push({
            name: 'display_terms_and_conditions',
            value: $('#display-terms-and-conditions').prop('checked') ? '1' : '0'
        });

        settings.push({
            name: 'terms_and_conditions_content',
            value: $('#terms-and-conditions-content').trumbowyg('html')
        });

        settings.push({
            name: 'display_privacy_policy',
            value: $('#display-privacy-policy').prop('checked') ? '1' : '0'
        });

        settings.push({
            name: 'privacy_policy_content',
            value: $('#privacy-policy-content').trumbowyg('html')
        });

        return settings;
    };

    /**
     * Validate the settings data.
     *
     * If the validation fails then display a message to the user.
     *
     * @return {Boolean} Returns the validation result.
     */
    SystemSettings.prototype.validate = function () {
        $('#general .has-error').removeClass('has-error');

        try {
            // Validate required fields.
            var missingRequired = false;
            $('#general .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 company email address.
            if (!GeneralFunctions.validateEmail($('#company-email').val())) {
                $('#company-email').closest('.form-group').addClass('has-error');
                throw new Error(EALang.invalid_email);
            }

            return true;
        } catch (error) {
            Backend.displayNotification(error.message);
            return false;
        }
    };

    window.SystemSettings = SystemSettings;
})();