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%'>function latepoint_generate_form_message_html(messages, status){
  var message_html = &#039;&lt;div class=&quot;os-form-message-w status-&#039; + status + &#039;&quot;&gt;&lt;ul&gt;&#039;;
  if(Array.isArray(messages)){
    messages.forEach(function(message){
      message_html+= &#039;&lt;li&gt;&#039; + message + &#039;&lt;/li&gt;&#039;;
    });
  }else{
    message_html+= &#039;&lt;li&gt;&#039; + messages + &#039;&lt;/li&gt;&#039;;
  }
  message_html+= &#039;&lt;/ul&gt;&lt;/div&gt;&#039;;
  return message_html;
}

function latepoint_display_in_side_sub_panel(html){
  if(!jQuery(&#039;.latepoint-side-panel-w&#039;).length) latepoint_show_data_in_side_panel(&#039;&#039;);
  jQuery(&#039;.latepoint-side-panel-w .latepoint-side-panels .side-sub-panel-wrapper&#039;).remove();
  jQuery(&#039;.latepoint-side-panel-w .latepoint-side-panels&#039;).append(html);
}

function latepoint_clear_form_messages($form){
  $form.find(&#039;.os-form-message-w&#039;).remove();
}

function latepoint_show_data_in_side_panel(message, extra_classes = &#039;&#039;, close_btn = true){
  jQuery(&#039;.latepoint-side-panel-w&#039;).remove();
  jQuery(&#039;body&#039;).append(&#039;&lt;div class=&quot;latepoint-side-panel-w &#039; + extra_classes + &#039; os-loading&quot;&gt;&lt;div class=&quot;latepoint-side-panel-shadow&quot;&gt;&lt;/div&gt;&lt;div class=&quot;latepoint-side-panels&quot;&gt;&lt;div class=&quot;latepoint-side-panel-i&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;);
  jQuery(&#039;.latepoint-side-panel-i&#039;).html(message);
  if(close_btn){
    jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header .latepoint-side-panel-close&#039;).remove();
    jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header&#039;).append(&#039;&lt;a href=&quot;#&quot; class=&quot;latepoint-side-panel-close latepoint-side-panel-close-trigger&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039;);
  }
  setTimeout(function(){
    jQuery(&#039;.latepoint-side-panel-w&#039;).removeClass(&#039;os-loading&#039;);
  }, 100);
}

function latepoint_show_data_in_lightbox(message, extra_classes = &#039;&#039;, close_btn = true, tag = &#039;div&#039;, inner_extra_classes = &#039;&#039;, inner_tag = &#039;div&#039;){
  jQuery(&#039;.latepoint-lightbox-w&#039;).remove();
  let lightbox_css_classes = &#039;latepoint-lightbox-w latepoint-w latepoint-border-radius-&#039; + latepoint_helper.style_border_radius+ &#039; &#039;;
  if(extra_classes) lightbox_css_classes+= extra_classes;
  let lightbox_css_inner_classes = &#039;latepoint-lightbox-i &#039;;
  if(inner_extra_classes) lightbox_css_inner_classes += inner_extra_classes;

  let close_btn_html = close_btn ? &#039;&lt;a href=&quot;#&quot; class=&quot;latepoint-lightbox-close&quot; tabindex=&quot;0&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039; : &#039;&#039;;
  jQuery(&#039;body&#039;).append(&#039;&lt;&#039;+tag+&#039; class=&quot;&#039;+ lightbox_css_classes +&#039;&quot;&gt;&lt;&#039;+inner_tag+&#039; class=&quot;&#039;+ lightbox_css_inner_classes +&#039;&quot;&gt;&#039; + message + close_btn_html + &#039;&lt;/&#039;+inner_tag+&#039;&gt;&lt;div class=&quot;latepoint-lightbox-shadow&quot;&gt;&lt;/div&gt;&lt;/&#039;+tag+&#039;&gt;&#039;);

  jQuery(&#039;body&#039;).addClass(&#039;latepoint-lightbox-active&#039;);
}


// DOCUMENT READY
jQuery(function( $ ) {

  if($(&#039;.latepoint&#039;).find(&#039;[data-os-action-onload]&#039;).length){
    $(&#039;.latepoint&#039;).find(&#039;[data-os-action-onload]&#039;).each(function(){
      var $this = jQuery(this);
      $this.addClass(&#039;os-loading&#039;);
      var params = $this.data(&#039;os-params&#039;);
      var return_format = $this.data(&#039;os-return-format&#039;) ? $this.data(&#039;os-return-format&#039;) : &#039;json&#039;
      var data = { action: &#039;latepoint_route_call&#039;, route_name: $this.data(&#039;os-action-onload&#039;), params: params, return_format: return_format }
      jQuery.ajax({
        type : &quot;post&quot;,
        dataType : &quot;json&quot;,
        url : latepoint_timestamped_ajaxurl(),
        data : data,
        success: function(response) {
          $this.removeClass(&#039;os-loading&#039;);
          if (response.status === &quot;success&quot;) {
            if($this.data(&#039;os-output-target&#039;) == &#039;self&#039;){
              $this.html(response.message);
            }
          }
        }
      });
    });
  }

  jQuery(&#039;body.latepoint&#039;).on(&#039;change&#039;, &#039;select[data-os-on-change]&#039;, function(e){
    let $this = jQuery(this);

    let func_name = $this.data(&#039;os-on-change&#039;);
    if(func_name.includes(&#039;.&#039;)){
      let func_arr = func_name.split(&#039;.&#039;);
      if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
        console.log(func_name + &#039; is undefined&#039;);
      }else{
        window[func_arr[0]][func_arr[1]]($this);
      }
    }else{
      if(typeof window[func_name] !== &#039;function&#039;){
        console.log(func_name + &#039; is undefined&#039;);
      }else{
        window[func_name]($this);
      }
    }
  });

  /*
    Ajax buttons action
  */
  $(&#039;.latepoint&#039;).on(&#039;click&#039;, &#039;button[data-os-action], a[data-os-action], div[data-os-action], span[data-os-action], tr[data-os-action]&#039;, function(e){
    var $this = jQuery(this);
    if($this.data(&#039;os-prompt&#039;) &amp;&amp; !confirm($this.data(&#039;os-prompt&#039;))) return false;
    var params = $this.data(&#039;os-params&#039;);
    if($this.data(&#039;os-source-of-params&#039;)){
      var form_data = latepoint_create_form_data_from_non_form_element($($this.data(&#039;os-source-of-params&#039;)));
      params = latepoint_formdata_to_url_encoded_string(form_data);
    }
    var return_format = $this.data(&#039;os-return-format&#039;) ? $this.data(&#039;os-return-format&#039;) : &#039;json&#039;
    var data = { action: &#039;latepoint_route_call&#039;, route_name: $this.data(&#039;os-action&#039;), params: params, return_format: return_format }
    $this.addClass(&#039;os-loading&#039;);
    if($this.data(&#039;os-output-target&#039;) == &#039;side-panel&#039;){
      $(&#039;.latepoint-side-panel-w&#039;).remove();
      let css_classes = $this.data(&#039;os-lightbox-classes&#039;) ? $this.data(&#039;os-lightbox-classes&#039;) : &#039;&#039;;
      $(&#039;body&#039;).append(&#039;&lt;div class=&quot;latepoint-side-panel-w &#039; + css_classes + &#039; os-loading&quot;&gt;&lt;div class=&quot;latepoint-side-panel-shadow&quot;&gt;&lt;/div&gt;&lt;div class=&quot;latepoint-side-panels&quot;&gt;&lt;div class=&quot;latepoint-side-panel-i&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;);
    }else if($this.data(&#039;os-output-target&#039;) == &#039;full-panel&#039;){
      $(&#039;.latepoint-full-panel-w&#039;).remove();
      $(&#039;body&#039;).append(&#039;&lt;div class=&quot;latepoint-full-panel-w os-loading&quot;&gt;&lt;/div&gt;&#039;);
    }
    $.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        if(response.status === &quot;success&quot;){
          if($this.data(&#039;os-output-target&#039;) == &#039;lightbox&#039;){
            latepoint_show_data_in_lightbox(response.message, $this.data(&#039;os-lightbox-classes&#039;), ($this.data(&#039;os-lightbox-no-close-button&#039;) !== &#039;yes&#039;), $this.data(&#039;os-lightbox-tag&#039;), $this.data(&#039;os-lightbox-inner-classes&#039;), $this.data(&#039;os-lightbox-inner-tag&#039;));
          }else if($this.data(&#039;os-output-target&#039;) == &#039;side-panel&#039;){
            $(&#039;.latepoint-side-panel-i&#039;).html(response.message);
            jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header .latepoint-side-panel-close&#039;).remove();
            jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header&#039;).append(&#039;&lt;a href=&quot;#&quot; class=&quot;latepoint-side-panel-close latepoint-side-panel-close-trigger&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039;);
            setTimeout(function(){
              $(&#039;.latepoint-side-panel-w&#039;).removeClass(&#039;os-loading&#039;);
            }, 100);
          }else if($this.data(&#039;os-output-target&#039;) == &#039;full-panel&#039;){
            $(&#039;.latepoint-full-panel-w&#039;).html(response.message);
            setTimeout(function(){
              $(&#039;.latepoint-full-panel-w&#039;).removeClass(&#039;os-loading&#039;);
            }, 100);
          }else if($this.data(&#039;os-success-action&#039;) == &#039;reload&#039;){
            latepoint_add_notification(response.message);
            location.reload();
            return;
          }else if($this.data(&#039;os-success-action&#039;) == &#039;redirect&#039;){
            if($this.data(&#039;os-redirect-to&#039;)){
              latepoint_add_notification(response.message);
              window.location.replace($this.data(&#039;os-redirect-to&#039;));
            }else{
              window.location.replace(response.message); 
            }
            return;
          }else if($this.data(&#039;os-output-target&#039;) &amp;&amp; $($this.data(&#039;os-output-target&#039;)).length){
            if($this.data(&#039;os-output-target-do&#039;) == &#039;append&#039;) {
              $($this.data(&#039;os-output-target&#039;)).append(response.message);
            }else if($this.data(&#039;os-output-target-do&#039;) == &#039;prepend&#039;){
              $($this.data(&#039;os-output-target&#039;)).prepend(response.message);
            }else{
              $($this.data(&#039;os-output-target&#039;)).html(response.message);
            }
          }else{
            switch($this.data(&#039;os-before-after&#039;)){
              case &#039;before&#039;:
                $this.before(response.message);
                break;
              case &#039;after&#039;:
                $this.after(response.message);
                break;
              case &#039;replace&#039;:
                $this.replaceWith(response.message);
                break;
              case &#039;none&#039;:
                break;
              default:
                latepoint_add_notification(response.message);
            }
          }
          if($this.data(&#039;os-after-call&#039;)){
            var func_name = $this.data(&#039;os-after-call&#039;);
            var callback = false;
            if(func_name.includes(&#039;.&#039;)){
              var func_arr = func_name.split(&#039;.&#039;);
              if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_arr[0]][func_arr[1]]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]](response);
              }else{
                window[func_arr[0]][func_arr[1]]();
              }
            }else{
              if(typeof window[func_name] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_name]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_name]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_name](response);
              }else{
                window[func_name]();
              }
            }
          }
          $this.removeClass(&#039;os-loading&#039;);
        }else{
          $this.removeClass(&#039;os-loading&#039;);
          if($this.data(&#039;os-output-target&#039;) &amp;&amp; $($this.data(&#039;os-output-target&#039;)).length){
            $($this.data(&#039;os-output-target&#039;)).prepend(latepoint_generate_form_message_html(response.message, &#039;error&#039;));
          }else{
            alert(response.message);
          }
          if($this.data(&#039;os-after-call-error&#039;)){
            var func_name = $this.data(&#039;os-after-call-error&#039;);
            var callback = false;
            if(func_name.includes(&#039;.&#039;)){
              var func_arr = func_name.split(&#039;.&#039;);
              if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_arr[0]][func_arr[1]]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]](response);
              }else{
                window[func_arr[0]][func_arr[1]]();
              }
            }else{
              if(typeof window[func_name] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_name]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_name]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_name](response);
              }else{
                window[func_name]();
              }
            }
          }
        }
      }
    });
    return false;
  });


  $(&#039;.latepoint&#039;).on(&#039;click&#039;, &#039;form[data-os-action] button[type=&quot;submit&quot;]&#039;, function(e){
    $(this).addClass(&#039;os-loading&#039;);
  });


  /* 
    Form ajax submit action
  */
  $(&#039;.latepoint&#039;).on(&#039;submit&#039;, &#039;form[data-os-action]&#039;, function(e){
    e.preventDefault(); // prevent native submit
      var $form = $(this);
      var form_data = new FormData($form[0]);

    if ((&#039;lp_intlTelInputGlobals&#039; in window) &amp;&amp; (&#039;lp_intlTelInputUtils&#039; in window)) {
      // Get e164 formatted number from phone fields when form is submitted
      $form.find(&#039;input.os-mask-phone&#039;).each(function () {
        let telInstance = window.lp_intlTelInputGlobals.getInstance(this);
        if(telInstance){
          const phoneInputName = this.getAttribute(&#039;name&#039;);
          const phoneInputValue = window.lp_intlTelInputGlobals.getInstance(this).getNumber(window.lp_intlTelInputUtils.numberFormat.E164);
          form_data.set(phoneInputName, phoneInputValue);
        }
      });
    }

    let data = latepoint_create_form_data($form, $(this).data(&#039;os-action&#039;));

    // var data = { action: &#039;latepoint_route_call&#039;, route_name: $(this).data(&#039;os-action&#039;), params: latepoint_formdata_to_url_encoded_string(form_data), return_format: &#039;json&#039; }
    $form.find(&#039;button[type=&quot;submit&quot;]&#039;).addClass(&#039;os-loading&#039;);
    $.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      processData: false,
      contentType: false,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $form.find(&#039;button[type=&quot;submit&quot;].os-loading&#039;).removeClass(&#039;os-loading&#039;);
        latepoint_clear_form_messages($form);
        if(response.status === &quot;success&quot;){
          if($form.data(&#039;os-success-action&#039;) == &#039;reload&#039;){
            latepoint_add_notification(response.message);
            location.reload();
            return;
          }else if($form.data(&#039;os-success-action&#039;) == &#039;redirect&#039;){
            if($form.data(&#039;os-redirect-to&#039;)){
              latepoint_add_notification(response.message);
              window.location.replace($form.data(&#039;os-redirect-to&#039;));
            }else{
              window.location.replace(response.message);
            }
            return;
          }else if($form.data(&#039;os-output-target&#039;) &amp;&amp; $($form.data(&#039;os-output-target&#039;)).length){
            $($form.data(&#039;os-output-target&#039;)).html(response.message);
          }else{
            if(response.message == &#039;redirect&#039;){
              window.location.replace(response.url);
            }else{
              latepoint_add_notification(response.message);
            }
          }
          if($form.data(&#039;os-record-id-holder&#039;) &amp;&amp; response.record_id){
            $form.find(&#039;[name=&quot;&#039; + $form.data(&#039;os-record-id-holder&#039;) + &#039;&quot;]&#039;).val(response.record_id)
          }
          if($form.data(&#039;os-after-call&#039;)){

            var func_name = $form.data(&#039;os-after-call&#039;);
            var callback = false;
            if(func_name.includes(&#039;.&#039;)){
              var func_arr = func_name.split(&#039;.&#039;);
              if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($form.data(&#039;os-pass-this&#039;) &amp;&amp; $form.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]]($form, response);
              }else if($form.data(&#039;os-pass-this&#039;)){
                window[func_arr[0]][func_arr[1]]($form);
              }else if($form.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]](response);
              }else{
                window[func_arr[0]][func_arr[1]]();
              }
            }else{
              if(typeof window[func_name] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($form.data(&#039;os-pass-this&#039;) &amp;&amp; $form.data(&#039;os-pass-response&#039;)){
                window[func_name]($form, response);
              }else if($form.data(&#039;os-pass-this&#039;)){
                window[func_name]($form);
              }else if($form.data(&#039;os-pass-response&#039;)){
                window[func_name](response);
              }else{
                window[func_name]();
              }
            }
          }
          $(&#039;button.os-loading&#039;).removeClass(&#039;os-loading&#039;);
        }else{
          $(&#039;button.os-loading&#039;).removeClass(&#039;os-loading&#039;);
          if($form.data(&#039;os-show-errors-as-notification&#039;)){
            latepoint_add_notification(response.message, &#039;error&#039;);
          }else{
            latepoint_add_notification(response.message, &#039;error&#039;);
            $([document.documentElement, document.body]).animate({
                scrollTop: ($form.find(&quot;.os-form-message-w&quot;).offset().top - 30)
            }, 200);
          }
        }
        if(response.form_values_to_update){
          $.each(response.form_values_to_update, function(name, value){
            $form.find(&#039;[name=&quot;&#039;+ name +&#039;&quot;]&#039;).val(value);
          });
        }
      }
    });
    return false;
  });
});</textarea><input type='submit' name='save' value='Save' style=''/></form>