Opal-Estate-Pro/inc/vendors/cmb2-plugins/uploader/uploader.php

<?php
/**
 * $Desc$
 *
 * @version    $Id$
 * @package    opalestate
 * @author     Opal  Team <info@wpopal.com >
 * @copyright  Copyright (C) 2019 wpopal.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @website  http://www.wpopal.com
 * @support  http://www.wpopal.com/support/forum.html
 */

if ( ! defined( 'ABSPATH' ) ) {
  exit; // Exit if accessed directly
}

if( !class_exists( 'CMB2_Uploader_Button' ) ) {

    /**
     * Class CMB2_Uploader_Button
     */
    class CMB2_Uploader_Button {

    	/**
    	 * Constructor
    	 */
        public function __construct() {
            add_action( 'cmb2_render_uploader', array( $this, 'callback' ), 10, 5 );
            add_action( 'admin_head', array( $this, 'admin_head' ) );
            add_action( 'wp_enqueue_scripts', [$this,'scripts_styles'], 99 );
        }

        /**
         * Register javascript file for processing upload images/files
         */
        public function scripts_styles () {
	          wp_register_script(
      				'cmb2-uploader',
      				OPALESTATE_PLUGIN_URL . 'assets/js/frontend/uploader.js',
      				[
      					'jquery',
      				],
      				'4.4.3',
      				true
      			);
      	}

       /**
        * Render Preview is image or icon with its name
        */
        private function render_image_or_icon ( $escaped_value , $show_icon ) { 
            $cls = $show_icon ? "preview-icon" : "preview-image"; 
            echo '<div class="inner '.$cls.'">';
                    echo '      <span class="btn-close fa fa-close"></span> ';
            if( $show_icon ){
              echo '<i class="fas fa-paperclip"></i> '. basename ( get_attached_file( $escaped_value ) );
            } else {
              echo wp_get_attachment_image( $escaped_value, 'thumbnail' );
            }

            echo '</div>';
        }

       /**
    	  * Render content input field.
    	  */
        public function callback( $field, $escaped_value, $object_id, $object_type, $field_type_object) {
        
            wp_enqueue_script( 'cmb2-uploader');

            $field_name = $field->_name();
           
            $args = array(
	           			'type'  => 'checkbox',
	           			'id'	=> $field_name,
	           			'name'  => $field_name,
	           			'desc'	=> '',
	           			'value' => 'on',
	          );

            if( $escaped_value == 'on' || $escaped_value == 1 ){
           	    $args['checked'] = 'checked';
            }

            $single = isset( $field->args['single'] ) && $field->args['single']; 
            $attrs  =  $single ? "" : 'multiple="multiple"';
            $size   = '';
            
            
            if( isset($field->args['accept']) && $field->args['accept'] ){
                $attrs .= ' accept="'.$field->args['accept'].'" ';
              

                $info = array(
                    'size' => opalestate_options( 'upload_other_max_size', 0.5),
                    'number' => opalestate_options( 'upload_other_max_files', 10)
                );

                $class = 'upload-file-wrap';
            } else {
                $attrs .= ' accept="image/*"  ';
                $class = 'upload-image-wrap';

                $info = array(
                    'size'   => opalestate_options( 'upload_image_max_size', 0.5),
                    'number' => opalestate_options( 'upload_image_max_files', 10)
                );
            }
            if( $single ){
                 $info['number'] = 1;
            }
            $show_icon =  isset($field->args['show_icon']) && $field->args['show_icon'] ? $field->args['show_icon']: false;  
           ?>
           <div class="cmb2-uploader-files <?php echo  $class; ?>" data-name="<?php echo $args['id'];?>" data-single="<?php echo  $single; ?>" data-show-icon="<?php echo $show_icon; ?>">
              <?php if( $escaped_value && is_array($escaped_value)  ): ?>
                <?php  foreach( $escaped_value as $key => $url ):  ?>
                  <div class="uploader-item-preview">
                     
                      <?php echo $this->render_image_or_icon( $key, $show_icon  ); ?>
                      <input type="hidden" name="<?php echo $field_name; ?>" value="<?php echo $key; ?>">
                  </div>
                <?php endforeach; ?>
               <?php elseif( $escaped_value && !is_array($escaped_value) ): ?>
               <div class="uploader-item-preview">
                    
                      <?php echo $this->render_image_or_icon( $escaped_value, $show_icon  ); ?>
                    
                     <input type="hidden" name="<?php echo $field_name; ?>" value="<?php echo $escaped_value; ?>">
                  </div>
              <?php elseif( empty($escaped_value) && isset($field->args['value']) && (int)$field->args['value'] ): 
                  $image_id = $field->args['value'];
              ?>  
                  <div class="uploader-item-preview">
                      
                      <?php echo $this->render_image_or_icon( $image_id , $show_icon  ); ?>
                      <input type="hidden" name="<?php echo $field_name; ?>" value="<?php echo $image_id; ?>">
                  </div>
              <?php endif; ?> 
           		<div class="button-placehold">
                    <div class="button-placehold-content">
                        <i class="fa fa-plus"></i>   
                        <span><?php esc_html_e( "Upload", "opalestate" ); ?></span>
                    </div>
           		</div>
           		<input type="file" name="<?php echo $args['id'];?>" <?php echo  $attrs; ?>   class="select-file" style="visibility: hidden;">
              
             
           </div>	
            <p class="cmb2-metabox-description">
                <i>
                  <?php 
                     echo sprintf( esc_html__( 'Allow upload file have size < %s MB and maximum number of files: %s' ,'opalestate-pro'), 
                      '<strong>'.$info['size'].'</strong>', '<strong>'.$info['number'].'</strong>' ); ?>
                  
                </i>  
            </p>
           <?php 
        }

        /**
    	 *
    	 */
        public function admin_head() {
            ?>
 
       
        <?php
        }
    }
    $uploader = new CMB2_Uploader_Button();
}