Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html/sp/admin/assets/js/pages

Free Space:

10.31 TB

🔧 Quick Actions

✏️ Editing: crop.init.js

/**
 * Theme: Approx - Bootstrap 5 Responsive Admin Dashboard
 * Author: Mannatthemes
 * File: Crop Js
 */
window.onload = function () {
  'use strict';

console.log(e.type);
      dataX.value = Math.round(data.x);
      dataY.value = Math.round(data.y);
      dataHeight.value = Math.round(data.height);
      dataWidth.value = Math.round(data.width);
      dataRotate.value = typeof data.rotate !== 'undefined' ? data.rotate : '';
      dataScaleX.value = typeof data.scaleX !== 'undefined' ? data.scaleX : '';
      dataScaleY.value = typeof data.scaleY !== 'undefined' ? data.scaleY : '';
    },
    zoom: function (e) {
      console.log(e.type, e.detail.ratio);
    }
  };
  var cropper = new Cropper(image, options);
  var originalImageURL = image.src;
  var uploadedImageType = 'image/jpeg';
  var uploadedImageName = 'cropped.jpg';
  var uploadedImageURL;

// Tooltip

// Buttons
  
  // Download
  // if (typeof download.download === 'undefined') {
  //   download.className += ' disabled';
  //   download.title = 'Your browser does not support download';
  // }

// Options
  
  document.querySelector('.docs-toggles').addEventListener('change',function (event) {
    var e = event || window.event;
    var target = e.target || e.srcElement;
    var cropBoxData;
    var canvasData;
    var isCheckbox;
    var isRadio;

if (!cropper) {
      return;
    }

if (target.tagName.toLowerCase() === 'label') {
      target = target.querySelector('input');
    }

isCheckbox = target.type === 'checkbox';
    isRadio = target.type === 'radio';

if (isCheckbox || isRadio) {
      if (isCheckbox) {
        options[target.name] = target.checked;
        cropBoxData = cropper.getCropBoxData();
        canvasData = cropper.getCanvasData();

options.ready = function () {
          console.log('ready');
          cropper.setCropBoxData(cropBoxData).setCanvasData(canvasData);
        };
      } else {
        options[target.name] = target.value;
        options.ready = function () {
          console.log('ready');
        };
      }

// Restart
      cropper.destroy();
      cropper = new Cropper(image, options);
    }
  });

// Methods
  actions.querySelector('.docs-buttons').onclick = function (event) {
    var e = event || window.event;
    var target = e.target || e.srcElement;
    var cropped;
    var result;
    var input;
    var data;

if (!cropper) {
      return;
    }

while (target !== this) {
      if (target.getAttribute('data-method')) {
        break;
      }

target = target.parentNode;
    }

if (target === this || target.disabled || target.className.indexOf('disabled') > -1) {
      return;
    }

data = {
      method: target.getAttribute('data-method'),
      target: target.getAttribute('data-target'),
      option: target.getAttribute('data-option') || undefined,
      secondOption: target.getAttribute('data-second-option') || undefined
    };

cropped = cropper.cropped;

if (data.method) {
      if (typeof data.target !== 'undefined') {
        input = document.querySelector(data.target);

if (!target.hasAttribute('data-option') && data.target && input) {
          try {
            data.option = JSON.parse(input.value);
          } catch (e) {
            console.log(e.message);
          }
        }
      }

switch (data.method) {
        case 'rotate':
          if (cropped && options.viewMode > 0) {
            cropper.clear();
          }

break;

case 'getCroppedCanvas':
          try {
            data.option = JSON.parse(data.option);
          } catch (e) {
            console.log(e.message);
          }

if (uploadedImageType === 'image/jpeg') {
            if (!data.option) {
              data.option = {};
            }

data.option.fillColor = '#fff';
          }

break;
      }

result = cropper[data.method](data.option, data.secondOption);

switch (data.method) {
        case 'rotate':
          if (cropped && options.viewMode > 0) {
            cropper.crop();
          }

break;

case 'scaleX':
        case 'scaleY':
          target.setAttribute('data-option', -data.option);
          break;

case 'destroy':
          cropper = null;

if (uploadedImageURL) {
            URL.revokeObjectURL(uploadedImageURL);
            uploadedImageURL = '';
            image.src = originalImageURL;
          }

break;
      }

if (typeof result === 'object' && result !== cropper && input) {
        try {
          input.value = JSON.stringify(result);
        } catch (e) {
          console.log(e.message);
        }
      }
    }
  };

document.body.onkeydown = function (event) {
    var e = event || window.event;

if (e.target !== this || !cropper || this.scrollTop > 300) {
      return;
    }

switch (e.keyCode) {
      case 37:
        e.preventDefault();
        cropper.move(-1, 0);
        break;

case 38:
        e.preventDefault();
        cropper.move(0, -1);
        break;

case 39:
        e.preventDefault();
        cropper.move(1, 0);
        break;

case 40:
        e.preventDefault();
        cropper.move(0, 1);
        break;
    }
  };
};

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: crop.init.js

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation