File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>/*
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */

async function latepoint_init_transaction_payment_form() {
    let callbacks_list = [];
    let $transaction_payment_form = jQuery(&#039;.latepoint-transaction-payment-form&#039;);
    let current_step = $transaction_payment_form.find(&#039;input[name=&quot;current_step&quot;]&#039;).val();

    $transaction_payment_form.on(&#039;click keydown&#039;, &#039;.lp-option&#039;, (e) =&gt; {
        let $option = jQuery(e.currentTarget);
        if(e.type === &#039;keydown&#039; &amp;&amp; e.key !== &#039; &#039; &amp;&amp;  e.key !== &#039;Enter&#039;) return;
        $option.closest(&#039;.lp-options&#039;).find(&#039;.lp-option.selected&#039;).removeClass(&#039;selected&#039;);
        $option.addClass(&#039;selected&#039;);
        $transaction_payment_form.find(&#039;input[name=&quot;&#039; + $option.data(&#039;holder&#039;) + &#039;&quot;]&#039;).val($option.data(&#039;value&#039;));
        $transaction_payment_form.trigger(&#039;submit&#039;);
        return false;
    });


    switch (current_step) {
        case &#039;methods&#039;:
            break;
        case &#039;processors&#039;:
            break;
        case &#039;pay&#039;:
            $transaction_payment_form.trigger(&#039;latepoint:initOrderPaymentMethod&#039;, [{
                callbacks_list: callbacks_list,
                payment_method: $transaction_payment_form.find(&#039;input[name=&quot;payment_method&quot;]&#039;).val(),
                payment_processor: $transaction_payment_form.find(&#039;input[name=&quot;payment_processor&quot;]&#039;).val(),
            }]);
            $transaction_payment_form.addClass(&#039;os-loading&#039;);

            try {
                for (const callback of callbacks_list) {
                    await callback.action();
                }
                $transaction_payment_form.removeClass(&#039;os-loading&#039;);
            } catch (error) {
                latepoint_show_error_and_stop_loading_booking_form(error, $transaction_payment_form);
            }
            break;
        case &#039;confirmation&#039;:
            break;
    }

    $transaction_payment_form.on(&#039;submit&#039;, async function (e) {
        e.preventDefault();
        await latepoint_submit_transaction_payment_form(jQuery(e.target));
    });
}

async function latepoint_submit_transaction_payment_form($transaction_payment_form) {

    if($transaction_payment_form.hasClass(&#039;os-loading&#039;)) return false;
    let callbacks_list = [];

    $transaction_payment_form.find(&#039;.latepoint-message&#039;).remove();
    $transaction_payment_form.addClass(&#039;os-loading&#039;);
    $transaction_payment_form.find(&#039;.latepoint-btn&#039;).addClass(&#039;os-loading&#039;);

    $transaction_payment_form.trigger(&#039;latepoint:submitTransactionPaymentForm&#039;, [{
        callbacks_list: callbacks_list,
        payment_method: $transaction_payment_form.find(&#039;input[name=&quot;payment_method&quot;]&#039;).val(),
        payment_processor: $transaction_payment_form.find(&#039;input[name=&quot;payment_processor&quot;]&#039;).val(),
        current_step: $transaction_payment_form.find(&#039;input[name=&quot;current_step&quot;]&#039;).val(),
    }]);

    try {
        for (const callback of callbacks_list) {
            await callback.action();
        }
    } catch (error) {
        $transaction_payment_form.removeClass(&#039;os-loading&#039;).find(&#039;.os-loading&#039;).removeClass(&#039;os-loading&#039;);
        latepoint_show_message_inside_element(error.message, $transaction_payment_form.find(&#039;.lp-payment-method-content&#039;), &#039;error&#039;);
        return false;
    }


    try {
        let response = await jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: latepoint_create_form_data($transaction_payment_form, latepoint_helper.invoices_payment_form_route)
        });

        $transaction_payment_form.removeClass(&#039;os-loading&#039;).find(&#039;.os-loading&#039;).removeClass(&#039;os-loading&#039;);

        if (response.status === &#039;success&#039;) {
            $transaction_payment_form.html(response.message);
            return await latepoint_init_transaction_payment_form();

        } else {
            latepoint_show_message_inside_element(response.message, $transaction_payment_form.find(&#039;.lp-payment-method-content&#039;), &#039;error&#039;);
            return false;
        }
    } catch (e) {

        $transaction_payment_form.removeClass(&#039;os-loading&#039;).find(&#039;.os-loading&#039;).removeClass(&#039;os-loading&#039;);
        console.log(e);
        alert(&#039;Error:&#039; + e);
    }

}

function latepoint_hide_reschedule_button() {
    jQuery(&#039;.reschedule-confirmation-button-wrapper&#039;).hide();
}

function latepoint_show_reschedule_button() {
    jQuery(&#039;.reschedule-confirmation-button-wrapper&#039;).show();
}

function latepoint_customer_cabinet_reload_booking_tile($booking_tile) {
    $booking_tile.addClass(&#039;os-loading&#039;);
    let params = {
        booking_id: $booking_tile.data(&#039;id&#039;),
    }
    let data = {
        action: latepoint_helper.route_action,
        route_name: $booking_tile.data(&#039;route-name&#039;),
        params: params,
        layout: &#039;none&#039;,
        return_format: &#039;json&#039;
    };
    jQuery.ajax({
        type: &quot;post&quot;,
        dataType: &quot;json&quot;,
        url: latepoint_timestamped_ajaxurl(),
        data: data,
        success: function (data) {
            $booking_tile.removeClass(&#039;os-loading&#039;)
            if (data.status === &quot;success&quot;) {
                $booking_tile.replaceWith(data.message);
            } else {
                alert(data.message);
            }
        }
    });
}

// show invoices -&gt; summary_before_payment in modal
function show_summary_before_payment($access_key) {
    let data = {
        action: latepoint_helper.route_action,
        route_name: latepoint_helper.invoices_summary_before_payment_route,
        params: {key: $access_key},
        layout: &#039;none&#039;,
        return_format: &#039;json&#039;
    }

    jQuery.ajax({
        type: &quot;post&quot;,
        dataType: &quot;json&quot;,
        url: latepoint_timestamped_ajaxurl(),
        data: data,
        success: function (data) {
            latepoint_show_data_in_lightbox(data.message, &#039;width-500&#039;);
        }
    });
}

function latepoint_reload_reschedule_calendar($reschedule_calendar_wrapper) {
    $reschedule_calendar_wrapper.addClass(&#039;os-loading&#039;);
    let $calendar_element = $reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w.active&#039;).last();
    let calendar_year = $calendar_element.data(&#039;calendar-year&#039;);
    let calendar_month = $calendar_element.data(&#039;calendar-month&#039;);

    let data = {
        action: latepoint_helper.route_action,
        route_name: $reschedule_calendar_wrapper.data(&#039;route&#039;),
        params: {
            timezone_name: $reschedule_calendar_wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_timezone_name&#039;).val(),
            key: $reschedule_calendar_wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_manage_booking_key&#039;).val(),
            target_date_string: `${calendar_year}-${calendar_month}-1`,
            booking_id: $reschedule_calendar_wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_booking_id&#039;).val()
        },
        layout: &#039;none&#039;,
        return_format: &#039;json&#039;
    }
    jQuery.ajax({
        type: &quot;post&quot;,
        dataType: &quot;json&quot;,
        url: latepoint_timestamped_ajaxurl(),
        data: data,
        success: function (data) {
            $reschedule_calendar_wrapper.removeClass(&#039;os-loading&#039;);
            if (data.status === &quot;success&quot;) {
                jQuery(&#039;.latepoint-lightbox-i&#039;).html(data.message);
            } else {
                // console.log(data.message);
            }
        }
    });
    latepoint_calendar_show_or_hide_prev_next_buttons($reschedule_calendar_wrapper);
    return false;
}

function latepoint_init_reschedule() {

    let $reschedule_wrapper = jQuery(&#039;.reschedule-calendar-wrapper&#039;);

    latepoint_init_timezone_picker($reschedule_wrapper);

    $reschedule_wrapper.on(&#039;click&#039;, &#039;.latepoint-request-reschedule-trigger&#039;, function () {
        let $trigger = jQuery(this)
        let $wrapper = $trigger.closest(&#039;.reschedule-calendar-wrapper&#039;)
        let booking_id = $wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_booking_id&#039;).val()

        $trigger.addClass(&#039;os-loading&#039;)
        let params = {
            booking_id: booking_id,
            key: $wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_manage_booking_key&#039;).val(),
            start_date: $wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_start_date&#039;).val(),
            start_time: $wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_start_time&#039;).val(),
            timezone_name: $wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_timezone_name&#039;).val(),
        }
        let data = {
            action: latepoint_helper.route_action,
            route_name: $trigger.data(&#039;route-name&#039;),
            params: params,
            layout: &#039;none&#039;,
            return_format: &#039;json&#039;
        };
        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            url: latepoint_timestamped_ajaxurl(),
            data: data,
            success: function (data) {
                $trigger.removeClass(&#039;os-loading&#039;)
                if (data.status === &quot;success&quot;) {
                    jQuery(&#039;.latepoint-lightbox-content&#039;).html(data.message);
                    jQuery(&#039;.latepoint-lightbox-footer, .latepoint-lightbox-heading&#039;).remove();
                    if (jQuery(&#039;.customer-bookings-tiles&#039;).length) {
                        // called from customer cabinet
                        latepoint_customer_cabinet_reload_booking_tile(jQuery(&#039;.customer-bookings-tiles .customer-booking[data-id=&quot;&#039; + booking_id + &#039;&quot;]&#039;));
                    } else {
                        // called from manage by key
                        latepoint_manage_by_key_reload_booking();
                    }
                } else {
                    latepoint_show_message_inside_element(data.message, jQuery(&#039;.latepoint-lightbox-content&#039;), &#039;error&#039;);
                    jQuery(&#039;.latepoint-lightbox-content&#039;).animate({scrollTop: 0}, 300);
                }
            }
        });
        return false;
    });

    $reschedule_wrapper.on(&#039;click keydown&#039;, &#039;.dp-timepicker-trigger&#039;, function (event) {
        if (event.type === &#039;keydown&#039; &amp;&amp; event.key !== &#039; &#039; &amp;&amp; event.key !== &#039;Enter&#039;) return;
        var $reschedule_calendar_wrapper = jQuery(this).closest(&#039;.reschedule-calendar-wrapper&#039;);
        if (jQuery(this).hasClass(&#039;is-booked&#039;) || jQuery(this).hasClass(&#039;is-off&#039;)) {
            // Show error message that you cant select a booked period
        } else {
            if (jQuery(this).hasClass(&#039;selected&#039;)) {
                jQuery(this).removeClass(&#039;selected&#039;);
                jQuery(this).find(&#039;.dp-success-label&#039;).remove();
                $reschedule_calendar_wrapper.find(&#039;.latepoint_start_time&#039;).val(&#039;&#039;);
                latepoint_hide_reschedule_button();
            } else {
                $reschedule_calendar_wrapper.find(&#039;.dp-timepicker-trigger.selected&#039;).removeClass(&#039;selected&#039;).find(&#039;.dp-success-label&#039;).remove();
                var selected_timeslot_time = jQuery(this).find(&#039;.dp-label-time&#039;).html();
                jQuery(this).addClass(&#039;selected&#039;).find(&#039;.dp-label&#039;).prepend(&#039;&lt;span class=&quot;dp-success-label&quot;&gt;&#039; + latepoint_helper.datepicker_timeslot_selected_label + &#039;&lt;/span&gt;&#039;);

                var minutes = parseInt(jQuery(this).data(&#039;minutes&#039;));
                var start_date = new Date($reschedule_calendar_wrapper.find(&#039;.os-day.selected&#039;).data(&#039;date&#039;));

                $reschedule_calendar_wrapper.find(&#039;.latepoint_start_date&#039;).val(start_date.toISOString().split(&#039;T&#039;)[0])
                $reschedule_calendar_wrapper.find(&#039;.latepoint_start_time&#039;).val(minutes);
                latepoint_show_reschedule_button();
            }
        }
        return false;
    });


    $reschedule_wrapper.on(&#039;click&#039;, &#039;.os-month-next-btn&#039;, function () {
        var $reschedule_calendar_wrapper = jQuery(this).closest(&#039;.reschedule-calendar-wrapper&#039;);
        var next_month_route_name = jQuery(this).data(&#039;route&#039;);
        if ($reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w.active + .os-monthly-calendar-days-w&#039;).length) {
            $reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w.active&#039;).removeClass(&#039;active&#039;).next(&#039;.os-monthly-calendar-days-w&#039;).addClass(&#039;active&#039;);
            latepoint_calendar_set_month_label($reschedule_calendar_wrapper);
        } else {
            // TODO add condition to check maximum number months to call into the future
            if (true) {
                var $btn = jQuery(this);
                $btn.addClass(&#039;os-loading&#039;);
                var $calendar_element = $reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w&#039;).last();
                var calendar_year = $calendar_element.data(&#039;calendar-year&#039;);
                var calendar_month = $calendar_element.data(&#039;calendar-month&#039;);
                if (calendar_month == 12) {
                    calendar_year = calendar_year + 1;
                    calendar_month = 1;
                } else {
                    calendar_month = calendar_month + 1;
                }
                var data = {
                    action: latepoint_helper.route_action,
                    route_name: next_month_route_name,
                    params: {
                        timezone_name: $reschedule_calendar_wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_timezone_name&#039;).val(),
                        key: $reschedule_calendar_wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_manage_booking_key&#039;).val(),
                        target_date_string: `${calendar_year}-${calendar_month}-1`,
                        booking: {
                            id: $reschedule_calendar_wrapper.find(&#039;input[type=&quot;hidden&quot;].latepoint_booking_id&#039;).val()
                        }
                    },
                    layout: &#039;none&#039;,
                    return_format: &#039;json&#039;
                }
                jQuery.ajax({
                    type: &quot;post&quot;,
                    dataType: &quot;json&quot;,
                    url: latepoint_timestamped_ajaxurl(),
                    data: data,
                    success: function (data) {
                        $btn.removeClass(&#039;os-loading&#039;);
                        if (data.status === &quot;success&quot;) {
                            $reschedule_calendar_wrapper.find(&#039;.os-months&#039;).append(data.message);
                            $reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w.active&#039;).removeClass(&#039;active&#039;).next(&#039;.os-monthly-calendar-days-w&#039;).addClass(&#039;active&#039;);
                            latepoint_calendar_set_month_label($reschedule_calendar_wrapper);
                        } else {
                            // console.log(data.message);
                        }
                    }
                });
            }
        }
        latepoint_calendar_show_or_hide_prev_next_buttons($reschedule_calendar_wrapper);
        return false;
    });

    $reschedule_wrapper.on(&#039;click&#039;, &#039;.os-month-prev-btn&#039;, function () {
        var $reschedule_calendar_wrapper = jQuery(this).closest(&#039;.reschedule-calendar-wrapper&#039;);
        if ($reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w.active&#039;).prev(&#039;.os-monthly-calendar-days-w&#039;).length) {
            $reschedule_calendar_wrapper.find(&#039;.os-monthly-calendar-days-w.active&#039;).removeClass(&#039;active&#039;).prev(&#039;.os-monthly-calendar-days-w&#039;).addClass(&#039;active&#039;);
            latepoint_calendar_set_month_label($reschedule_calendar_wrapper);
        }
        latepoint_calendar_show_or_hide_prev_next_buttons($reschedule_calendar_wrapper);
        return false;
    });

    $reschedule_wrapper.on(&#039;click&#039;, &#039;.os-day&#039;, function () {
        if (jQuery(this).hasClass(&#039;os-day-passed&#039;)) return false;
        if (jQuery(this).hasClass(&#039;os-not-in-allowed-period&#039;)) return false;
        if(jQuery(this).closest(&#039;.os-dates-and-times-w&#039;).hasClass(&#039;calendar-style-modern&#039;)){
            if(jQuery(this).hasClass(&#039;os-month-prev&#039;)) return false;
            if(jQuery(this).hasClass(&#039;os-month-next&#039;)) return false;
        }
        var $reschedule_calendar_wrapper = jQuery(this).closest(&#039;.reschedule-calendar-wrapper&#039;);
        if (jQuery(this).closest(&#039;.os-monthly-calendar-days-w&#039;).hasClass(&#039;hide-if-single-slot&#039;)) {

            // HIDE TIMESLOT IF ONLY ONE TIMEPOINT
            if (jQuery(this).hasClass(&#039;os-not-available&#039;)) {
                // clicked on a day that has no available timeslots
                // do nothing
            } else {
                $reschedule_calendar_wrapper.find(&#039;.os-day.selected&#039;).removeClass(&#039;selected&#039;);
                jQuery(this).addClass(&#039;selected&#039;);
                // set date
                $reschedule_calendar_wrapper.find(&#039;.latepoint_start_date&#039;).val(jQuery(this).data(&#039;date&#039;));
                if (jQuery(this).hasClass(&#039;os-one-slot-only&#039;)) {
                    // clicked on a day that has only one slot available
                    var bookable_minutes = jQuery(this).data(&#039;bookable-minutes&#039;).toString().split(&#039;:&#039;)[0];
                    var selected_timeslot_time = latepoint_format_minutes_to_time(Number(bookable_minutes), Number(jQuery(this).data(&#039;service-duration&#039;)));
                    $reschedule_calendar_wrapper.find(&#039;.latepoint_start_time&#039;).val(jQuery(this).data(&#039;bookable-minutes&#039;));
                    $reschedule_calendar_wrapper.find(&#039;.time-selector-w&#039;).slideUp(200);
                    latepoint_show_reschedule_button()
                } else {
                    // regular day with more than 1 timeslots available
                    // build timeslots
                    latepoint_generate_day_timeslots(jQuery(this), $reschedule_calendar_wrapper, $reschedule_calendar_wrapper.find(&#039;.latepoint-lightbox-content&#039;));
                    // initialize timeslots events
                    // clear time and hide next btn
                    $reschedule_calendar_wrapper.find(&#039;.latepoint_start_time&#039;).val(&#039;&#039;);
                }
            }
        } else {

            // SHOW TIMESLOTS EVEN IF ONLY ONE TIMEPOINT
            $reschedule_calendar_wrapper.find(&#039;.latepoint_start_date&#039;).val(jQuery(this).data(&#039;date&#039;));
            $reschedule_calendar_wrapper.find(&#039;.os-day.selected&#039;).removeClass(&#039;selected&#039;);
            jQuery(this).addClass(&#039;selected&#039;);

            // build timeslots
            latepoint_generate_day_timeslots(jQuery(this), $reschedule_calendar_wrapper, $reschedule_calendar_wrapper.find(&#039;.latepoint-lightbox-content&#039;));
            // initialize timeslots events
            // clear time and hide next btn
            let $booking_form_element = jQuery(this).closest(&#039;.latepoint-booking-form-element&#039;);
            if ($booking_form_element.length) latepoint_reload_summary($booking_form_element);
            $reschedule_calendar_wrapper.find(&#039;.latepoint_start_time&#039;).val(&#039;&#039;);
            latepoint_hide_next_btn($reschedule_calendar_wrapper);
        }

        return false;
    });
}
</textarea><input type='submit' name='save' value='Save' style=''/></form>