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) 2022 LatePoint LLC. All rights reserved.
 */

function latepoint_process_updated() {
    location.reload();
}

function latepoint_process_action_removed($elem) {
    $elem.closest(&#039;.os-form-block&#039;).remove();
}

function latepoint_replace_process_condition_element($trigger, params, $target, callback = null) {
    $trigger.closest(&#039;.sub-section-content&#039;).addClass(&#039;os-loading&#039;);
    let route_name = $trigger.data(&#039;route&#039;);
    let data = {action: latepoint_helper.route_action, route_name: route_name, params: params, return_format: &#039;json&#039;}
    jQuery.ajax({
        type: &#039;post&#039;,
        dataType: &quot;json&quot;,
        url: latepoint_timestamped_ajaxurl(),
        data: data,
        success: (response) =&gt; {
            if (response.status === latepoint_helper.response_status.success) {
                $target.html(response.message);
                latepoint_init_process_conditions_form();
                $trigger.closest(&#039;.sub-section-content&#039;).removeClass(&#039;os-loading&#039;);
                if (typeof callback === &#039;function&#039;) {
                    callback();
                }
            } else {
                alert(&quot;Error!&quot;);
            }
        }
    });
}


function latepoint_init_process_forms() {
    latepoint_init_process_conditions_form();

    jQuery(&#039;.os-processes-w&#039;).on(&#039;latepoint:initProcessActionForm latepoint:initProcessActionTypeSettings&#039;, &#039;.process-action-form&#039;, async function () {
        if (jQuery(this).find(&#039;.latepoint-whatsapp-templates-loader&#039;).length) {
            let $loader = jQuery(this).find(&#039;.latepoint-whatsapp-templates-loader&#039;);
            let $settings = jQuery(this).find(&#039;.process-action-settings&#039;);
            let $holder = jQuery(this).find(&#039;.latepoint-whatsapp-templates-holder&#039;);
            $settings.addClass(&#039;os-loading&#039;);

            let data = {
                action: latepoint_helper.route_action,
                route_name: $loader.data(&#039;route&#039;),
                params: {
                    template_id: $loader.data(&#039;selected-template-id&#039;),
                    action_id: $loader.data(&#039;process-action-id&#039;),
                    process_id: $loader.data(&#039;process-id&#039;)
                },
                layout: &#039;none&#039;,
                return_format: &#039;json&#039;
            }
            try {
                let response = await jQuery.ajax({
                    type: &quot;post&quot;,
                    dataType: &quot;json&quot;,
                    url: latepoint_timestamped_ajaxurl(),
                    data: data
                });
                $settings.removeClass(&#039;os-loading&#039;);
                if (response.status === &#039;success&#039;) {
                    $loader.remove();
                    $holder.html(response.message);
                } else {
                    throw new Error(response.message);
                }
            } catch (e) {
                $settings.removeClass(&#039;os-loading&#039;);
                console.log(e);
                alert(e);
            }
        }
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;click&#039;, &#039;.os-run-process&#039;, function () {
        let $btn = jQuery(this);
        $btn.addClass(&#039;os-loading&#039;);
        let $process_form = $btn.closest(&#039;.os-process-form&#039;);
        // remove previously assigned class on other forms
        jQuery(&#039;.os-process-form.prepared-to-run&#039;).removeClass(&#039;prepared-to-run&#039;);
        // add class so we know which form is about to be processed
        $process_form.addClass(&#039;prepared-to-run&#039;);


        let form_data = new FormData($process_form[0]);
        form_data.set(&#039;process_event_type&#039;, $process_form.closest(&#039;.os-process-form&#039;).find(&#039;.process-event-type-selector&#039;).val());


        let data = new FormData();
        data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(form_data));
        data.append(&#039;action&#039;, latepoint_helper.route_action);
        data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: data,
            success: function (data) {
                latepoint_show_data_in_side_panel(data.message, &#039;width-600&#039;);
                latepoint_init_process_test_form();
                $btn.removeClass(&#039;os-loading&#039;);
            }
        });
        return false;
    });

    jQuery(&#039;.os-processes-w&#039;).find(&#039;.process-action-form&#039;).each(function (index) {
        latepoint_init_process_action_form(jQuery(this));
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;click&#039;, &#039;.pe-remove-condition&#039;, (event) =&gt; {
        if (jQuery(event.currentTarget).closest(&#039;.pe-conditions&#039;).find(&#039;.pe-condition&#039;).length &gt; 1) {
            jQuery(event.currentTarget).closest(&#039;.pe-condition&#039;).remove();
        } else {
            alert(&#039;You need to have at least one condition if your custom field is set to be conditional.&#039;)
        }
        return false;
    });


    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-operator-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        if ($select.val() == &#039;changed&#039; || $select.val() == &#039;not_changed&#039;) {
            $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-values-w&#039;).hide();
        } else {
            $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-values-w&#039;).show();
        }
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-event-type-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        latepoint_replace_process_condition_element($select, {event_type: $select.val()}, $select.closest(&#039;.os-form-block&#039;).find(&#039;.process-event-condition-wrapper&#039;));
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-object-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        let $property_selector = $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-properties-w select&#039;);
        latepoint_replace_process_condition_element($select, {object_code: $select.val()}, $property_selector, () =&gt; {
            $property_selector.trigger(&#039;change&#039;);
        });
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-property-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        let $operator_selector = $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-operators-w select&#039;);
        latepoint_replace_process_condition_element($select, {property: $select.val()}, $operator_selector, () =&gt; {
            $operator_selector.trigger(&#039;change&#039;);
        });
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-operator-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        latepoint_replace_process_condition_element($select, {
            property: $select.closest(&#039;.pe-condition&#039;).find(&#039;select.process-condition-property-selector&#039;).val(),
            trigger_condition_id: $select.closest(&#039;.pe-condition&#039;).data(&#039;condition-id&#039;),
            operator: $select.val()
        }, $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-values-w&#039;));
    });

}

function latepoint_init_process_conditions_form() {
    jQuery(&#039;.os-late-select&#039;).lateSelect();
}

function latepoint_add_process_condition($btn, response) {
    $btn.closest(&#039;.pe-condition&#039;).after(response.message);
    latepoint_init_process_conditions_form();
}

function latepoint_init_added_process_action_form($trigger) {
    let $action_form = $trigger.prev(&#039;.process-action-form&#039;);
    $action_form.addClass(&#039;is-editing&#039;).trigger(&#039;latepoint:initProcessActionForm&#039;);
    latepoint_init_process_action_form($action_form);
}

function latepoint_init_process_test_form() {

    jQuery(&#039;.latepoint-run-process-btn&#039;).on(&#039;click&#039;, function () {
        let $btn = jQuery(this);
        if ($btn.hasClass(&#039;os-loading&#039;)) return false;
        $btn.addClass(&#039;os-loading&#039;);
        let $test_action_form = jQuery(&#039;.latepoint-side-panel-w .action-settings-wrapper&#039;);


        let form_data = new FormData(jQuery(&#039;.os-process-form.prepared-to-run&#039;)[0]);

        // set data sources
        jQuery(&#039;.process-test-data-source-selector&#039;).each(function () {
            form_data.set(jQuery(this).prop(&#039;name&#039;), jQuery(this).val());
        });

        // set selected actions
        jQuery(&#039;.process-test-data-source-selector&#039;).each(function () {
            form_data.set(jQuery(this).prop(&#039;name&#039;), jQuery(this).val());
        });

        let action_ids_to_run = [];
        jQuery(&#039;.action-to-run input[type=&quot;hidden&quot;]&#039;).each(function () {
            if (jQuery(this).val() == &#039;on&#039;) action_ids_to_run.push(jQuery(this).closest(&#039;.action-to-run&#039;).data(&#039;id&#039;));
        });
        form_data.set(&#039;action_ids&#039;, action_ids_to_run.join(&#039;,&#039;));


        let data = new FormData();
        data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(form_data));
        data.append(&#039;action&#039;, latepoint_helper.route_action);
        data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: data,
            success: function (data) {
                $btn.removeClass(&#039;os-loading&#039;);
                if (data.status == &#039;success&#039;) {
                    latepoint_add_notification(data.message);
                } else {
                    latepoint_add_notification(data.message, &#039;error&#039;);
                }
            }
        });
    });

    jQuery(&#039;.process-action-test-data-source-selector&#039;).on(&#039;change&#039;, function () {
        // TODO add call to server to check if selected data sources matches conditions of this process
    });
}


function latepoint_init_process_action_test_form() {

    latepoint_init_json_view(jQuery(&#039;.action-preview-wrapper.type-trigger_webhook pre&#039;));

    jQuery(&#039;.latepoint-run-action-btn&#039;).on(&#039;click&#039;, function () {
        let $btn = jQuery(this);
        if ($btn.hasClass(&#039;os-loading&#039;)) return false;
        $btn.addClass(&#039;os-loading&#039;);
        let $test_action_form = jQuery(&#039;.latepoint-side-panel-w .action-settings-wrapper&#039;);

        let action_data = new FormData();


        action_data.append(&#039;params&#039;, $test_action_form.find(&#039;select, textarea, input&#039;).serialize());
        action_data.append(&#039;action&#039;, latepoint_helper.route_action);
        action_data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        action_data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: action_data,
            success: function (data) {
                $btn.removeClass(&#039;os-loading&#039;);
                if (data.status == &#039;success&#039;) {
                    latepoint_add_notification(data.message);
                } else {
                    latepoint_add_notification(data.message, &#039;error&#039;);
                }
            }
        });
    });

    jQuery(&#039;.process-action-test-data-source-selector&#039;).on(&#039;change&#039;, function () {
        let $select = jQuery(this);
        jQuery(&#039;.action-preview-wrapper&#039;).addClass(&#039;os-loading&#039;);
        let $test_action_form = $select.closest(&#039;.action-settings-wrapper&#039;);

        let action_data = new FormData();


        action_data.append(&#039;params&#039;, $test_action_form.find(&#039;select, textarea, input&#039;).serialize());
        action_data.append(&#039;action&#039;, latepoint_helper.route_action);
        action_data.append(&#039;route_name&#039;, $select.data(&#039;route&#039;));
        action_data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: action_data,
            success: function (data) {
                jQuery(&#039;.action-preview-wrapper&#039;).html(data.message).removeClass(&#039;os-loading&#039;);
                latepoint_init_json_view(jQuery(&#039;.action-preview-wrapper.type-trigger_webhook pre&#039;));
            }
        });
    });
}

function latepoint_init_process_action_form($action_form) {
    $action_form.on(&#039;click&#039;, &#039;.os-run-process-action&#039;, function () {
        let $btn = jQuery(this);
        $btn.addClass(&#039;os-loading&#039;);
        let $action_form = $btn.closest(&#039;.process-action-form&#039;);

        if (window.tinyMCE !== undefined) window.tinyMCE.triggerSave();

        let action_data = new FormData();
        let params = latepoint_create_form_data_from_non_form_element($action_form);

        params.set(&#039;process_event_type&#039;, $action_form.closest(&#039;.os-process-form&#039;).find(&#039;.process-event-type-selector&#039;).val());

        action_data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(params));
        action_data.append(&#039;action&#039;, latepoint_helper.route_action);
        action_data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        action_data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: action_data,
            success: function (data) {
                latepoint_show_data_in_side_panel(data.message, &#039;width-800&#039;);
                latepoint_init_process_action_test_form();
                $btn.removeClass(&#039;os-loading&#039;);
            }
        });
        return false;
    });
    $action_form.on(&#039;click&#039;, &#039;.process-action-heading&#039;, function () {
        let $action_form = jQuery(this).closest(&#039;.process-action-form&#039;);
        if (!$action_form.hasClass(&#039;is-editing&#039;)) $action_form.trigger(&#039;latepoint:initProcessActionForm&#039;)
        $action_form.toggleClass(&#039;is-editing&#039;);
        return false;
    });

    $action_form.find(&#039;textarea.os-wp-editor-textarea&#039;).each(function (index) {
        latepoint_init_tiny_mce(jQuery(this).attr(&#039;id&#039;));
    });
    $action_form.on(&#039;click&#039;, &#039;.os-remove-process-action&#039;, function () {
        if (confirm(jQuery(this).data(&#039;os-prompt&#039;))) {
            jQuery(this).closest(&#039;.process-action-form&#039;).remove();
        }
        return false;
    });

    $action_form.on(&#039;change&#039;, &#039;.process-action-type-whatsapp-template-selector&#039;, async function () {
        let $select = jQuery(this);
        let $preview_holder = $select.closest(&#039;.process-action-settings&#039;).find(&#039;.latepoint-whatsapp-template-preview-holder&#039;);
        $preview_holder.addClass(&#039;os-loading&#039;);

        let data = {
            action: latepoint_helper.route_action,
            route_name: $select.data(&#039;route&#039;),
            params: {
                template_id: $select.val(),
                action_id: $select.data(&#039;action-id&#039;)
            },
            layout: &#039;none&#039;,
            return_format: &#039;json&#039;
        }
        try {
            let response = await jQuery.ajax({
                type: &quot;post&quot;,
                dataType: &quot;json&quot;,
                url: latepoint_timestamped_ajaxurl(),
                data: data
            });
            $preview_holder.removeClass(&#039;os-loading&#039;);
            if (response.status === &#039;success&#039;) {
                $preview_holder.html(response.message);
            } else {
                throw new Error(response.message);
            }
        } catch (e) {
            $preview_holder.removeClass(&#039;os-loading&#039;);
            console.log(e);
            alert(e);
        }
        return false;
    });

    $action_form.on(&#039;change&#039;, &#039;.process-action-type&#039;, function () {
        let $select = jQuery(this);
        jQuery(this).closest(&#039;.process-action-form&#039;).find(&#039;.process-action-name&#039;).text($select.find(&#039;option:selected&#039;).text());
        let action_type = $select.val();
        let action_id = $select.data(&#039;action-id&#039;);
        let route_name = $select.data(&#039;route&#039;);
        let $action_settings = $select.closest(&#039;.process-action-content&#039;).find(&#039;.process-action-settings&#039;);
        $action_settings.addClass(&#039;os-loading&#039;);
        let data = {
            action: latepoint_helper.route_action,
            route_name: route_name,
            params: {
                action_type: action_type,
                action_id: action_id
            },
            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) {
                $action_settings.html(data.message).removeClass(&#039;os-loading&#039;);
                let $action_form = $select.closest(&#039;.process-action-form&#039;);
                latepoint_init_input_masks($action_form);
                $action_form.trigger(&#039;latepoint:initProcessActionTypeSettings&#039;);
            }
        });
        return false;
    });
}</textarea><input type='submit' name='save' value='Save' style=''/></form>