iflrandevu/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;
})();