|
Server : Apache System : Linux srv.rainic.com 4.18.0-553.47.1.el8_10.x86_64 #1 SMP Wed Apr 2 05:45:37 EDT 2025 x86_64 User : rainic ( 1014) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/rainic/www/setupTZh/betheme/muffin-options/fields/upload_multi/ |
Upload File : |
<?php
class MFN_Options_upload_multi extends Mfn_Options_field
{
/**
* Render
*/
public function render($meta = false, $vb = false, $js = false )
{
$class = false;
$data = 'image';
$preview = '';
// class
if ( ! $this->value ){
$class = 'empty';
}
// preview
if ( ! empty( $this->field['preview'] ) ){
$preview = 'preview-'. $this->field['preview'];
}
// output -----
if( $js ){
echo '<div class="form-group browse-image multi \'+('.$js.' && '.$js.'.length ? "not-empty" : "empty")+\'">';
}else{
echo '<div class="form-group browse-image multi '. esc_attr( $class ) .'">';
}
echo '<div class="browse-options">';
if( $js ){
echo '<input type="hidden" class="upload-input mfn-field-value" '. $this->get_name( $meta ) .' value="\'+('.$js.' && '.$js.'.length ? '.$js.' : "")+\'"/>';
}else{
echo '<input type="hidden" class="upload-input mfn-field-value" '. $this->get_name( $meta ) .' value="'. esc_attr( $this->value ) .'"/>';
}
echo '<a href="#" class="mfn-button-upload">'. esc_html__( 'Browse', 'mfn-opts' ) .'</a>';
echo '<a class="mfn-button-delete-all" title="Delete" href="#">'. esc_html__( 'Delete all', 'mfn-opts' ) .'</a>';
echo '</div>';
echo '<ul class="gallery-container clearfix '. esc_attr( $preview ) .'">';
if( $js ){
//wp.media.attachment(ID).get('url');
echo '\'+( '.$js.' && '.$js.'.length ? '.$js.'.split(",").map( (x, i) => \'<li class="selected-image"><img data-pic-id="\'+x+\'" src="\'+$content.find(\'.mcb-item-\'+edited_item.uid+\' .gallery .gallery-item:nth-child(\'+(i+1)+\') img\').attr(\'src\')+\'" /><a class="mfn-option-btn mfn-button-delete" data-tooltip="'. esc_html__( 'Delete', 'mfn-opts' ) .'" href="#"><span class="mfn-icon mfn-icon-delete"></span></a></li>\' ).join("") : "" ) +\'';
}else if ( $this->value ){
$images = explode( ',', $this->value );
foreach ( $images as $img_id ) {
$img_src = wp_get_attachment_image_src( $img_id, 'thumbnail' );
$img_src = $img_src[0];
echo '<li class="selected-image">';
echo '<img data-pic-id="'. esc_attr( $img_id ) .'" src="'. esc_url( $img_src ) .'" />';
echo '<a class="mfn-option-btn mfn-button-delete" data-tooltip="'. esc_html__( 'Delete', 'mfn-opts' ) .'" href="#"><span class="mfn-icon mfn-icon-delete"></span></a>';
echo '</li>';
}
}
echo '</ul>';
echo '</div>';
// visual builder
if( ! $vb ){
echo $this->get_description();
}
}
/**
* Enqueue
*/
public function enqueue()
{
wp_enqueue_media();
wp_enqueue_script( 'mfn-opts-field-upload-multi', MFN_OPTIONS_URI .'fields/upload_multi/field_upload_multi.js', array( 'jquery' ), MFN_THEME_VERSION, true );
}
}