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

function latepoint_check_horizontal_calendar_scroll(){
  if(jQuery(&#039;.daily-availability-calendar.horizontal-calendar&#039;).length){
    if(jQuery(&#039;.daily-availability-calendar.horizontal-calendar&#039;).width() &lt; 700){
      jQuery(&#039;.daily-availability-calendar.horizontal-calendar&#039;).scrollLeft(jQuery(&#039;.os-day.selected&#039;).index() * jQuery(&#039;.os-day.selected&#039;).width());
    }
  }
}

function latepoint_calendar_custom_period_created(){
    latepoint_reload_calendar_view();
    latepoint_lightbox_close();
}

function latepoint_init_calendar_quick_actions(){
  latepoint_init_input_masks(jQuery(&#039;.quick-calendar-action-settings&#039;));

  jQuery(&#039;.quick-calendar-action-day-off&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.quick-calendar-actions-wrapper&#039;).addClass(&#039;showing-settings&#039;);
    jQuery(&#039;.quick-calendar-actions&#039;).hide();
    jQuery(&#039;.quick-calendar-action-settings&#039;).removeClass(&#039;setting-slot-off&#039;).addClass(&#039;setting-day-off&#039;);
    jQuery(&#039;.quick-calendar-action-settings input[name=&quot;blocked_period_settings[full_day_off]&quot;]&#039;).val(&#039;yes&#039;);
    jQuery(&#039;.quick-calendar-action-toggle.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(&#039;.quick-calendar-action-toggle[data-period-type=&quot;full&quot;]&#039;).addClass(&#039;selected&#039;);

    return false;
  });
  jQuery(&#039;.quick-calendar-action-slot-off&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.quick-calendar-actions-wrapper&#039;).addClass(&#039;showing-settings&#039;);
    jQuery(&#039;.quick-calendar-actions&#039;).hide();
    jQuery(&#039;.quick-calendar-action-settings&#039;).removeClass(&#039;setting-day-off&#039;).addClass(&#039;setting-slot-off&#039;);
    jQuery(&#039;.quick-calendar-action-settings input[name=&quot;blocked_period_settings[full_day_off]&quot;]&#039;).val(&#039;no&#039;);
    jQuery(&#039;.quick-calendar-action-toggle.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(&#039;.quick-calendar-action-toggle[data-period-type=&quot;partial&quot;]&#039;).addClass(&#039;selected&#039;);
    return false;
  });

  jQuery(&#039;.quick-calendar-action-toggle&#039;).on(&#039;click&#039;, function(){
    if(jQuery(this).data(&#039;period-type&#039;) === &#039;full&#039;){
      jQuery(&#039;.quick-calendar-action-day-off&#039;).trigger(&#039;click&#039;);
    }else{
      jQuery(&#039;.quick-calendar-action-slot-off&#039;).trigger(&#039;click&#039;);
    }
    return false;
  });
}

function latepoint_init_calendars(){
  latepoint_check_horizontal_calendar_scroll();
  jQuery(&#039;.os-calendar-settings-extra .latecheckbox&#039;).lateCheckbox();


  jQuery(&#039;.os-calendar-view-toggle&#039;).on(&#039;click&#039;, &#039;.os-calendar-view-option&#039;, function(){
    jQuery(this).closest(&#039;.os-calendar-view-toggle&#039;).find(&#039;.os-calendar-view-option.os-selected&#039;).removeClass(&#039;os-selected&#039;)
    jQuery(this).addClass(&#039;os-selected&#039;);
    jQuery(&#039;input[name=&quot;&#039; + jQuery(this).closest(&#039;.os-calendar-view-toggle&#039;).data(&#039;update-element-by-name&#039;) + &#039;&quot;]&#039;).val(jQuery(this).data(&#039;value&#039;)).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.calendar-settings-toggler&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.os-calendar-settings-form&#039;).toggleClass(&#039;show-extra-settings&#039;);
    return false;
  });

  jQuery(&#039;.os-calendar-settings-form&#039;).on(&#039;change&#039;, &#039;input[name=&quot;calendar_settings[view]&quot;]&#039;, function(){
    jQuery(this).closest(&#039;.calendar-wrapper&#039;).attr(&#039;data-view&#039;, jQuery(this).val());
  });

  jQuery(&#039;.os-calendar-settings-form&#039;).on(&#039;change&#039;, &#039;select, input, .latecheckbox &#039;, function(){
    latepoint_reload_calendar_view();
  });


  jQuery(&#039;.calendar-view-wrapper&#039;).on(&#039;click&#039;, &#039;.weekly-calendar-agent-selector&#039;, function(){
    jQuery(&#039;.weekly-calendar-agent-selector.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;);
    jQuery(&#039;.os-calendar-settings-form input[name=&quot;calendar_settings[selected_agent_id]&quot;]&#039;).val(jQuery(this).data(&#039;agent-id&#039;));
    jQuery(&#039;.agent-weekly-calendar.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(&#039;.agent-weekly-calendar[data-agent-id=&quot;&#039;+jQuery(this).data(&#039;agent-id&#039;)+&#039;&quot;]&#039;).addClass(&#039;selected&#039;);
    return false;
  });

  jQuery(&#039;.calendar-view-wrapper&#039;).on(&#039;click&#039;, &#039;.daily-calendar-action-navigation-btn&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(this).data(&#039;target-date&#039;)).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.calendar-view-wrapper&#039;).on(&#039;click&#039;, &#039;.daily-availability-calendar .os-day&#039;, function(){
    jQuery(&#039;.os-monthly-calendar-days-w .os-day.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(this).data(&#039;date&#039;)).trigger(&#039;change&#039;);
    return false;
  });


  jQuery(&#039;.os-calendar-today-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(this).data(&#039;target-date&#039;)).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.os-calendar-prev-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(&#039;input[name=&quot;prev_target_date&quot;]&#039;).val()).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.os-calendar-next-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(&#039;input[name=&quot;next_target_date&quot;]&#039;).val()).trigger(&#039;change&#039;);
    return false;
  });
}

function latepoint_reload_calendar_view(){
  let $calendar_wrapper = jQuery(&#039;.calendar-view-wrapper&#039;);
  if(!$calendar_wrapper.length) return;
  $calendar_wrapper.addClass(&#039;os-loading&#039;);

  let calendar_settings = new FormData(jQuery(&#039;form.os-calendar-settings-form&#039;)[0]);

  let data = new FormData();
  data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(calendar_settings));
  data.append(&#039;action&#039;, latepoint_helper.route_action);
  data.append(&#039;route_name&#039;, $calendar_wrapper.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 (response) {
      if (response.status === &quot;success&quot;) {
        $calendar_wrapper.html(response.message).removeClass(&#039;os-loading&#039;);
        jQuery(&#039;.os-calendar-today-btn, .os-calendar-prev-btn, .os-calendar-next-btn&#039;).removeClass(&#039;os-loading&#039;);
        jQuery(&#039;.os-current-month-label .current-month&#039;).text(response.top_date_label);
        jQuery(&#039;.os-current-month-label .current-year&#039;).text(response.top_date_year);
        latepoint_check_horizontal_calendar_scroll();
      }
    }
  });

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