One Hat Cyber Team

Your IP: 216.73.216.142
Server IP: 217.76.53.76
Server: Linux vmi1397931.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64
Server Software: Apache
PHP Version: 8.2.27
Buat File | Buat Folder

Dir : ~/www/wwwroot/wix.com.ng/public/assets/user/js/

View File Name : cropper-init.js

"use strict";
$(document).ready(function () {
  let cropper; // Declare cropper variable globally to access it

  $('.thumbnail-input').change(function (event) {
    let file = event.target.files[0];
    let reader = new FileReader();

    reader.onload = function (e) {
      // Ensure .uploaded-img-2 element exists and set its src attribute
      $('.uploaded-thumbnail-img').attr('src', e.target.result);

      // Initialize Cropper.js only after image is fully loaded
      $('.uploaded-thumbnail-img').one('load', function () {
        // Destroy old Cropper instance if exists
        if (cropper) {
          cropper.destroy();
          cropper = null; // Clear cropper variable
        }

        // Initialize Cropper.js
        cropper = new Cropper(this, {
          aspectRatio: 1 / 1,
          background: false,
          cropBoxResizable: false,
          minCropBoxWidth: 255,
          minCropBoxHeight: 255,
          responsive: true,
          dragMode: 'move',
          cropBoxMovable: false,
          crop(event) {
            // Get cropped canvas
            const canvas = cropper.getCroppedCanvas({
              width: 255, // set output width
              height: 255, // set output height
            });
            // Update the content of #blob_image with cropped image data URL
            $('#blob_image').text('');
            $('#blob_image').text(cropper.getCroppedCanvas().toDataURL());
          }
        });

        // Prevent zoom on mouse scroll
        $(document).on('wheel', function (e) {
          if ($(e.target).closest('.cropper-container').length) {
            e.preventDefault();
          }
        });
        $('.destroy-cropper').removeClass('d-none');
      });
    };

    reader.readAsDataURL(file);
  });

  $('#thumbnail-image-modal').on('hidden.bs.modal', function () {
    // Check if cropper instance exists
    if (cropper) {
      // Get cropped canvas
      const canvas = cropper.getCroppedCanvas({
        width: 255, // set output width
        height: 255, // set output height
      });
      // Set cropped canvas as src for .uploaded-img-2
      $('.cropped-thumbnail-image').attr('src', canvas.toDataURL());

      $('.uploaded-thumbnail-img').attr('src', $('.uploaded-thumbnail-img').attr('data-no_image'));

      // Destroy cropper instance
      cropper.destroy();
      cropper = null; // Clear cropper variable

      // Unbind load event to prevent re-initialization
      $('.cropped-thumbnail-image').off('load');
      $('.destroy-cropper').addClass('d-none');
    }
  });
});