MaketRandevu/assets/js/backend_calendar_working_plan_exceptions_modal.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.2.0
 * ---------------------------------------------------------------------------- */

/**
 * Backend Calendar Working plan exceptions Modal
 *
 * This module implements the working plan exceptions modal functionality.
 *
 * @module BackendCalendarWorkingPlanExceptionsModal
 */
window.BackendCalendarWorkingPlanExceptionsModal = window.BackendCalendarWorkingPlanExceptionsModal || {};

(function (exports) {
    'use strict';

    function bindEventHandlers() {
        /**
         * Event: Manage Modal Save Button "Click"
         *
         * Stores the working plan exception changes or inserts a new record.
         */
        $('#manage-working-plan-exceptions #save-working-plan-exception').on('click', function () {
            $('#manage-working-plan-exceptions .modal-message').prop('hidden', true);

            $('#manage-working-plan-exceptions').find('.is-invalid').removeClass('is-invalid');

            var date = $('#working-plan-exception-date').datetimepicker('getDate');

            if (!date) {
                $('#working-plan-exception-date').addClass('is-invalid');
                return;
            }

            var start = $('#working-plan-exception-start').datetimepicker('getDate');

            if (!start) {
                $('#working-plan-exception-start').addClass('is-invalid');
                return;
            }

            var end = moment($('#working-plan-exception-end').datetimepicker('getDate')).toDate();

            if (!end) {
                $('#working-plan-exception-end').addClass('is-invalid');
                return;
            }

            if (start > end) {
                // Start time is after end time - display message to user.
                $('#manage-working-plan-exceptions .modal-message')
                    .text(EALang.start_date_before_end_error)
                    .addClass('alert-danger')
                    .prop('hidden', false);

                $('#working-plan-exception-start').addClass('is-invalid');
                $('#working-plan-exception-end').addClass('is-invalid');
                return;
            }

            var workingPlanException = {
                start: moment(start).format('HH:mm'),
                end: moment(end).format('HH:mm'),
                breaks: []
            };

            var successCallback = function () {
                // Display success message to the user.
                Backend.displayNotification(EALang.working_plan_exception_saved);

                // Close the modal modal and update the local provider.
                $('#manage-working-plan-exceptions .modal-message').prop('hidden', true);
                $('#manage-working-plan-exceptions').modal('hide');

                var providerId = $('#working-plan-exception-provider').val();
                var provider = GlobalVariables.availableProviders.find(function (availableProvider) {
                    return Number(availableProvider.id) === Number(providerId);
                });

                if (!provider) {
                    throw new Error('Provider could not be found: ' + providerId);
                }

                var selectedDate = moment(date).format('yyyy-MM-dd');
                var workingPlanExceptions = JSON.parse(provider.settings.working_plan_exceptions);

                workingPlanExceptions[selectedDate] = {
                    start: moment(start).format('HH:mm'),
                    end: moment(end).format('HH:mm'),
                    breaks: []
                };

                provider.settings.working_plan_exceptions = JSON.stringify(workingPlanExceptions);

                $('#select-filter-item').trigger('change'); // Update the calendar.
            };

            BackendCalendarApi.saveWorkingPlanException(date, workingPlanException, provider.id, successCallback, null);
        });

        /**
         * Event: Insert Custom Working Time Period Button "Click"
         *
         * When the user clicks this button a popup modal appears and the use can set a time period where he cannot
         * accept any appointments.
         */
        $('#insert-working-plan-exception').on('click', function () {
            BackendCalendarWorkingPlanExceptionsModal.resetWorkingPlanExceptionModal();

            if ($('.calendar-view').length === 0) {
                $('#manage-working-plan-exceptions')
                    .find('#working-plan-exception-provider')
                    .val($('#select-filter-item').val())
                    .closest('.form-group')
                    .hide();
            }

            $('#working-plan-exception-date').val(
                GeneralFunctions.formatDate(new Date(), GlobalVariables.dateFormat, false)
            );
            $('#working-plan-exception-start').val(GlobalVariables.timeFormat === 'regular' ? '8:00 AM' : '08:00');
            $('#working-plan-exception-end').val(GlobalVariables.timeFormat === 'regular' ? '8:00 PM' : '20:00');
            $('#manage-working-plan-exceptions').find('.modal-header h3').text(EALang.new_working_plan_exception_title);
            $('#manage-working-plan-exceptions').modal('show');
        });
    }

    /**
     * Reset working plan exception modal form.
     *
     * Reset the "#manage-working-plan-exceptions" modal. Use this method to bring the modal to the initial state
     * before it becomes visible to the user.
     */
    exports.resetWorkingPlanExceptionModal = function () {
        $('#manage-working-plan-exceptions').find('#working-plan-exception-id').val('');

        // Set the default datetime values.
        var date = new Date();
        var start = GlobalVariables.timeFormat === 'regular' ? '8:00 AM' : '08:00';
        var end = GlobalVariables.timeFormat === 'regular' ? '8:00 PM' : '20:00';

        var dateFormat;

        switch (GlobalVariables.dateFormat) {
            case 'DMY':
                dateFormat = 'dd/mm/yy';
                break;
            case 'MDY':
                dateFormat = 'mm/dd/yy';
                break;
            case 'YMD':
                dateFormat = 'yy/mm/dd';
                break;
        }

        $('#working-plan-exception-date').datepicker({
            dateFormat: dateFormat,

            // Translation
            dayNames: [
                EALang.sunday,
                EALang.monday,
                EALang.tuesday,
                EALang.wednesday,
                EALang.thursday,
                EALang.friday,
                EALang.saturday
            ],
            dayNamesShort: [
                EALang.sunday.substr(0, 3),
                EALang.monday.substr(0, 3),
                EALang.tuesday.substr(0, 3),
                EALang.wednesday.substr(0, 3),
                EALang.thursday.substr(0, 3),
                EALang.friday.substr(0, 3),
                EALang.saturday.substr(0, 3)
            ],
            dayNamesMin: [
                EALang.sunday.substr(0, 2),
                EALang.monday.substr(0, 2),
                EALang.tuesday.substr(0, 2),
                EALang.wednesday.substr(0, 2),
                EALang.thursday.substr(0, 2),
                EALang.friday.substr(0, 2),
                EALang.saturday.substr(0, 2)
            ],
            monthNames: [
                EALang.january,
                EALang.february,
                EALang.march,
                EALang.april,
                EALang.may,
                EALang.june,
                EALang.july,
                EALang.august,
                EALang.september,
                EALang.october,
                EALang.november,
                EALang.december
            ],
            prevText: EALang.previous,
            nextText: EALang.next,
            currentText: EALang.now,
            closeText: EALang.close,
            timeOnlyTitle: EALang.select_time,
            timeText: EALang.time,
            hourText: EALang.hour,
            minuteText: EALang.minutes,
            firstDay: 0
        });
        $('#working-plan-exception-date').val(GeneralFunctions.formatDate(date, GlobalVariables.dateFormat, false));

        $('#working-plan-exception-start').timepicker({
            timeFormat: GlobalVariables.timeFormat === 'regular' ? 'h:mm tt' : GlobalVariables.timeFormat,

            // Translation
            prevText: EALang.previous,
            nextText: EALang.next,
            currentText: EALang.now,
            closeText: EALang.close,
            timeOnlyTitle: EALang.select_time,
            timeText: EALang.time,
            hourText: EALang.hour,
            minuteText: EALang.minutes,
            firstDay: 0
        });
        $('#working-plan-exception-start').val(start);

        $('#working-plan-exception-end').timepicker({
            timeFormat: GlobalVariables.timeFormat === 'regular' ? 'h:mm tt' : GlobalVariables.timeFormat,
            // Translation
            prevText: EALang.previous,
            nextText: EALang.next,
            currentText: EALang.now,
            closeText: EALang.close,
            timeOnlyTitle: EALang.select_time,
            timeText: EALang.time,
            hourText: EALang.hour,
            minuteText: EALang.minutes,
            firstDay: 0
        });
        $('#working-plan-exception-end').val(end);
    };

    exports.initialize = function () {
        GlobalVariables.availableProviders.forEach(function (availableProvider) {
            $('#working-plan-exception-provider').append(
                new Option(availableProvider.first_name + ' ' + availableProvider.last_name, availableProvider.id)
            );
        });

        bindEventHandlers();
    };
})(window.BackendCalendarWorkingPlanExceptionsModal);