🏠 Root
/
home
/
artorgp
/
parankhoit
/
wp-content
/
plugins
/
post-grid
/
includes
/
classes
/
Editing: class-settings-tabs.php
<?php if ( ! defined('ABSPATH')) exit; // if direct access if( ! class_exists( 'settings_tabs_field' ) ) { class settings_tabs_field{ // public $asset_dir_url = ''; public $textdomain = 'settings-tabs'; public function __construct(){ // $this->asset_dir_url = isset($args['asset_dir_url']) ? $args['asset_dir_url'] : ''; // $this->textdomain = isset($args['textdomain']) ? $args['textdomain'] : ''; } function admin_scripts(){ wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui-sortable'); wp_enqueue_script( 'jquery-ui-core' ); wp_enqueue_script('jquery-ui-accordion'); wp_enqueue_style( 'jquery-ui'); wp_enqueue_script('wp-color-picker'); wp_enqueue_style( 'wp-color-picker' ); wp_enqueue_style( 'font-awesome-5' ); wp_enqueue_style( 'settings-tabs' ); wp_enqueue_script( 'settings-tabs' ); wp_enqueue_script( 'code-editor' ); wp_enqueue_style( 'code-editor' ); wp_enqueue_script( 'jquery.lazy' ); wp_enqueue_editor(); } function field_template($option){ $id = isset( $option['id'] ) ? $option['id'] : ""; $wraper_class = isset( $option['wraper_class'] ) ? $option['wraper_class'] : ""; $conditions = isset( $option['conditions'] ) ? $option['conditions'] : array(); $is_error = isset( $option['is_error'] ) ? $option['is_error'] : false; $error_details = isset( $option['error_details'] ) ? $option['error_details'] : ''; if(!empty($conditions)): $depends = ''; $field = isset($conditions['field']) ? $conditions['field'] :''; $cond_value = isset($conditions['value']) ? $conditions['value']: ''; $type = isset($conditions['type']) ? $conditions['type'] : ''; $pattern = isset($conditions['pattern']) ? $conditions['pattern'] : ''; $modifier = isset($conditions['modifier']) ? $conditions['modifier'] : ''; $like = isset($conditions['like']) ? $conditions['like'] : ''; $strict = isset($conditions['strict']) ? $conditions['strict'] : ''; $empty = isset($conditions['empty']) ? $conditions['empty'] : ''; $sign = isset($conditions['sign']) ? $conditions['sign'] : ''; $min = isset($conditions['min']) ? $conditions['min'] : ''; $max = isset($conditions['max']) ? $conditions['max'] : ''; $depends .= "{'[name=$field]':"; $depends .= '{'; if(!empty($type)): $depends .= "'type':"; $depends .= "'".$type."'"; endif; if(!empty($modifier)): $depends .= ",'modifier':"; $depends .= "'".$modifier."'"; endif; if(!empty($like)): $depends .= ",'like':"; $depends .= "'".$like."'"; endif; if(!empty($strict)): $depends .= ",'strict':"; $depends .= "'".$strict."'"; endif; if(!empty($empty)): $depends .= ",'empty':"; $depends .= "'".$empty."'"; endif; if(!empty($sign)): $depends .= ",'sign':"; $depends .= "'".$sign."'"; endif; if(!empty($min)): $depends .= ",'min':"; $depends .= "'".$min."'"; endif; if(!empty($max)): $depends .= ",'max':"; $depends .= "'".$max."'"; endif; if(!empty($cond_value)): $depends .= ",'value':"; if(is_array($cond_value)): $count= count($cond_value); $i = 1; $depends .= "["; foreach ($cond_value as $val): $depends .= "'".$val."'"; if($i<$count) $depends .= ","; $i++; endforeach; $depends .= "]"; else: $depends .= "["; $depends .= "'".$cond_value."'"; $depends .= "]"; endif; endif; $depends .= '}}'; endif; ob_start(); ?> <div <?php if(!empty($depends)) {?> data-depends="[<?php echo $depends; ?>]" <?php } ?> class="setting-field <?php if($is_error) echo 'field-error'; ?> <?php echo $wraper_class; ?> <?php if(!empty($depends)) echo 'dependency-field'; ?>"> <div class="field-lable">%s</div> <div class="field-input">%s <p class="description">%s</p> <?php if($is_error && !empty($error_details)): ?> <p class="error-details"><i class="fas fa-exclamation-circle"></i> <?php echo $error_details; ?></p> <?php endif; ?> </div> </div> <?php return ob_get_clean(); } function generate_field($option){ $id = isset( $option['id'] ) ? $option['id'] : ""; $type = isset( $option['type'] ) ? $option['type'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if( empty( $id ) ) return; if( isset($option['type']) && $option['type'] === 'select' ) $this->field_select( $option ); elseif( isset($option['type']) && $option['type'] === 'select2') $this->field_select2( $option ); elseif( isset($option['type']) && $option['type'] === 'checkbox') $this->field_checkbox( $option ); elseif( isset($option['type']) && $option['type'] === 'radio') $this->field_radio( $option ); elseif( isset($option['type']) && $option['type'] === 'radio_image') $this->field_radio_image( $option ); elseif( isset($option['type']) && $option['type'] === 'textarea') $this->field_textarea( $option ); elseif( isset($option['type']) && $option['type'] === 'scripts_js') $this->field_scripts_js( $option ); elseif( isset($option['type']) && $option['type'] === 'scripts_css') $this->field_scripts_css( $option ); elseif( isset($option['type']) && $option['type'] === 'number' ) $this->field_number( $option ); elseif( isset($option['type']) && $option['type'] === 'text' ) $this->field_text( $option ); elseif( isset($option['type']) && $option['type'] === 'text_icon' ) $this->field_text_icon( $option ); elseif( isset($option['type']) && $option['type'] === 'text_multi' ) $this->field_text_multi( $option ); elseif( isset($option['type']) && $option['type'] === 'hidden' ) $this->field_hidden( $option ); elseif( isset($option['type']) && $option['type'] === 'range' ) $this->field_range( $option ); elseif( isset($option['type']) && $option['type'] === 'colorpicker') $this->field_colorpicker( $option ); elseif( isset($option['type']) && $option['type'] === 'colorpicker_multi') $this->field_colorpicker_multi( $option ); elseif( isset($option['type']) && $option['type'] === 'datepicker') $this->field_datepicker( $option ); elseif( isset($option['type']) && $option['type'] === 'faq') $this->field_faq( $option ); elseif( isset($option['type']) && $option['type'] === 'addons_grid') $this->field_addons_grid( $option ); elseif( isset($option['type']) && $option['type'] === 'custom_html') $this->field_custom_html( $option ); elseif( isset($option['type']) && $option['type'] === 'repeatable') $this->field_repeatable( $option ); elseif( isset($option['type']) && $option['type'] === 'media') $this->field_media( $option ); elseif( isset($option['type']) && $option['type'] === 'media_url') $this->field_media_url( $option ); elseif( isset($option['type']) && $option['type'] === 'option_group') $this->field_option_group( $option ); elseif( isset($option['type']) && $option['type'] === 'option_group_accordion') $this->field_option_group_accordion( $option ); elseif( isset($option['type']) && $option['type'] === 'wp_editor') $this->field_wp_editor( $option ); elseif( isset($option['type']) && $option['type'] === 'textarea_editor') $this->field_textarea_editor( $option ); elseif( isset($option['type']) && $option['type'] === $type ) do_action( "settings_tabs_field_$type", $option ); //if( !empty( $details ) ) echo "<p class='description'>$details</p>"; } public function field_option_group_accordion( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $sortable = isset( $option['sortable'] ) ? $option['sortable'] : false; $args_index = isset( $option['args_index'] ) ? $option['args_index'] : array(); $args_index_default = isset( $option['args_index_default'] ) ? $option['args_index_default'] : array(); $args_index_hide = isset( $option['args_index_hide'] ) ? $option['args_index_hide'] : array(); $args_index = !empty($args_index) ? $args_index : $args_index_default; $args = isset( $option['args'] ) ? $option['args'] : array(); $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $group_details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $group_details = '<span class="pro-feature">'.$pro_text.'</span> '.$group_details; } ob_start(); ?> <div class="option-group-accordion-wrap" id="<?php echo $css_id; ?>"> <div sortable="<?php echo ($sortable) ? 'true': 'false'; ?>" class='option-group-accordion accordion'> <?php if(!empty($args_index)) foreach( $args_index as $index ): //foreach( $args as $key => $value ): $group_title = isset($args[$index]['title']) ? $args[$index]['title'] : ''; $is_hide = isset($args_index_hide[$index]) ? $args_index_hide[$index] : false; //$link = $value['link']; $options = isset($args[$index]['options']) ? $args[$index]['options'] : array(); ?> <div class="group"> <h3 class="accordion-title"> <?php if($sortable): ?> <span class="sort"><i class="fas fa-sort"></i></span> <?php endif; ?> <span class="title-text"><?php echo $group_title; ?></span> </h3> <div class="accordion-content"> <?php if(!empty($options)): foreach ($options as $option): $id = isset( $option['id'] ) ? $option['id'] : ""; $type = isset( $option['type'] ) ? $option['type'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if( isset($option['type']) && $option['type'] === 'select' ) $this->field_select( $option ); elseif( isset($option['type']) && $option['type'] === 'select2') $this->field_select2( $option ); elseif( isset($option['type']) && $option['type'] === 'checkbox') $this->field_checkbox( $option ); elseif( isset($option['type']) && $option['type'] === 'radio') $this->field_radio( $option ); elseif( isset($option['type']) && $option['type'] === 'radio_image') $this->field_radio_image( $option ); elseif( isset($option['type']) && $option['type'] === 'textarea') $this->field_textarea( $option ); elseif( isset($option['type']) && $option['type'] === 'scripts_js') $this->field_scripts_js( $option ); elseif( isset($option['type']) && $option['type'] === 'scripts_css') $this->field_scripts_css( $option ); elseif( isset($option['type']) && $option['type'] === 'number' ) $this->field_number( $option ); elseif( isset($option['type']) && $option['type'] === 'text' ) $this->field_text( $option ); elseif( isset($option['type']) && $option['type'] === 'text_icon' ) $this->field_text_icon( $option ); elseif( isset($option['type']) && $option['type'] === 'text_multi' ) $this->field_text_multi( $option ); elseif( isset($option['type']) && $option['type'] === 'hidden' ) $this->field_hidden( $option ); elseif( isset($option['type']) && $option['type'] === 'range' ) $this->field_range( $option ); elseif( isset($option['type']) && $option['type'] === 'colorpicker') $this->field_colorpicker( $option ); elseif( isset($option['type']) && $option['type'] === 'colorpicker_multi') $this->field_colorpicker_multi( $option ); elseif( isset($option['type']) && $option['type'] === 'datepicker') $this->field_datepicker( $option ); elseif( isset($option['type']) && $option['type'] === 'faq') $this->field_faq( $option ); elseif( isset($option['type']) && $option['type'] === 'addons_grid') $this->field_addons_grid( $option ); elseif( isset($option['type']) && $option['type'] === 'custom_html') $this->field_custom_html( $option ); elseif( isset($option['type']) && $option['type'] === 'repeatable') $this->field_repeatable( $option ); elseif( isset($option['type']) && $option['type'] === 'media') $this->field_media( $option ); elseif( isset($option['type']) && $option['type'] === 'media_url') $this->field_media_url( $option ); endforeach; endif; ?> </div> <!-- ..accordion-content --> </div><!-- .group --> <?php //endforeach; endforeach; ?> </div> <!-- .option-group-accordion --> </div><!-- .option-group-accordion-wrap --> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $group_details); } public function field_option_group( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $options = isset( $option['options'] ) ? $option['options'] : array(); $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $group_details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $group_details = '<span class="pro-feature">'.$pro_text.'</span> '.$group_details; } ob_start(); ?> <div id="<?php echo $css_id; ?>"> <?php if(!empty($options)): foreach ($options as $option): $id = isset( $option['id'] ) ? $option['id'] : ""; $type = isset( $option['type'] ) ? $option['type'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if( isset($option['type']) && $option['type'] === 'select' ) $this->field_select( $option ); elseif( isset($option['type']) && $option['type'] === 'select2') $this->field_select2( $option ); elseif( isset($option['type']) && $option['type'] === 'checkbox') $this->field_checkbox( $option ); elseif( isset($option['type']) && $option['type'] === 'radio') $this->field_radio( $option ); elseif( isset($option['type']) && $option['type'] === 'radio_image') $this->field_radio_image( $option ); elseif( isset($option['type']) && $option['type'] === 'textarea') $this->field_textarea( $option ); elseif( isset($option['type']) && $option['type'] === 'scripts_js') $this->field_scripts_js( $option ); elseif( isset($option['type']) && $option['type'] === 'scripts_css') $this->field_scripts_css( $option ); elseif( isset($option['type']) && $option['type'] === 'number' ) $this->field_number( $option ); elseif( isset($option['type']) && $option['type'] === 'text' ) $this->field_text( $option ); elseif( isset($option['type']) && $option['type'] === 'text_icon' ) $this->field_text_icon( $option ); elseif( isset($option['type']) && $option['type'] === 'text_multi' ) $this->field_text_multi( $option ); elseif( isset($option['type']) && $option['type'] === 'hidden' ) $this->field_hidden( $option ); elseif( isset($option['type']) && $option['type'] === 'range' ) $this->field_range( $option ); elseif( isset($option['type']) && $option['type'] === 'colorpicker') $this->field_colorpicker( $option ); elseif( isset($option['type']) && $option['type'] === 'colorpicker_multi') $this->field_colorpicker_multi( $option ); elseif( isset($option['type']) && $option['type'] === 'datepicker') $this->field_datepicker( $option ); elseif( isset($option['type']) && $option['type'] === 'faq') $this->field_faq( $option ); elseif( isset($option['type']) && $option['type'] === 'addons_grid') $this->field_addons_grid( $option ); elseif( isset($option['type']) && $option['type'] === 'custom_html') $this->field_custom_html( $option ); elseif( isset($option['type']) && $option['type'] === 'repeatable') $this->field_repeatable( $option ); elseif( isset($option['type']) && $option['type'] === 'media') $this->field_media( $option ); elseif( isset($option['type']) && $option['type'] === 'media_url') $this->field_media_url( $option ); endforeach; endif; ?> </div> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $group_details); } public function field_media( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; if(empty($id)) return; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $field_name = isset( $option['field_name'] ) ? $option['field_name'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = isset( $option['value'] ) ? $option['value'] : ''; $value = !empty($value) ? $value : $default; $media_url = wp_get_attachment_url( $value ); $media_type = get_post_mime_type( $value ); $media_title = !empty($value) ? get_the_title( $value ) : __('Placeholder.jpg', $this->textdomain); $media_url = !empty($media_url) ? $media_url : $default; $placeholder = 'https://i.imgur.com/qOPTTdQ.jpg'; $media_url = !empty($media_url) ? $media_url : $placeholder; $media_basename = wp_basename($media_type); $field_name = !empty( $field_name ) ? $field_name : $id; $field_name = !empty($parent) ? $parent.'['.$field_name.']' : $field_name; ob_start(); //wp_enqueue_media(); ?> <div id="input-wrapper-<?php echo $css_id; ?>" class="input-wrapper field-media-wrapper field-media-wrapper-<?php echo $css_id; ?>"> <div class="media-preview-wrap" style="width: 150px;margin-bottom: 10px;background: #eee;padding: 5px; text-align: center;word-break: break-all;"> <?php //var_dump($media_type); if( "audio/mpeg" == $media_type ){ ?> <div class="media-preview" class="dashicons dashicons-format-audio" style="font-size: 70px;display: inline;"></div> <div class="media-title"><?php echo $media_title; ?></div> <?php }elseif( "images/png" == $media_type || "image/png" == $media_type || "images/gif" == $media_type || "image/gif" == $media_type || "images/jpeg" == $media_type || "image/jpeg" == $media_type || "images/jpg" == $media_type || "image/jpg" == $media_type || "images/ico" == $media_type|| "image/ico" == $media_type ){ ?> <img class="media-preview" src="<?php echo $media_url; ?>" style="width:100%"/> <div class="media-title"><?php echo $media_title; ?></div> <?php }else { ?> <img class="media-preview" src="<?php echo $media_url; ?>" style="width:100%"/> <div class="media-title"><?php echo $media_title; ?></div> <?php } ?> </div> <input class="media-input-value" type="hidden" name="<?php echo $field_name; ?>" id="media_input_<?php echo $css_id; ?>" value="<?php echo $value; ?>" /> <div class="media-upload button" id="media_upload_<?php echo $css_id; ?>"><?php echo __('Upload', $this->textdomain);?></div> <div placeholder="<?php echo $placeholder; ?>" class="clear button" id="media_clear_<?php echo $css_id; ?>"><?php echo __('Clear', $this->textdomain);?></div> <div class="error-mgs"></div> </div> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_media_url( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; if(empty($id)) return; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $field_name = isset( $option['field_name'] ) ? $option['field_name'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = isset( $option['value'] ) ? $option['value'] : ''; $value = !empty($value) ? $value : $default; $media_url = $value; $media_type = get_post_mime_type( $value ); $media_title= get_the_title( $value ); $media_url = !empty($media_url) ? $media_url : ''; $field_name = !empty( $field_name ) ? $field_name : $id; $field_name = !empty($parent) ? $parent.'['.$field_name.']' : $field_name; wp_enqueue_media(); ob_start(); ?> <div id="input-wrapper-<?php echo $css_id; ?>" class="input-wrapper field-media-url-wrapper field-media-wrapper-<?php echo $css_id; ?>"> <div class="media-preview-wrap" style="width: 150px;margin-bottom: 10px;background: #eee;padding: 5px; text-align: center;"> <?php if( "audio/mpeg" == $media_type ){ ?> <div class="media-preview" class="dashicons dashicons-format-audio" style="font-size: 70px;display: inline;"></div> <?php } elseif( "images/png" == $media_type || "images/jpg" == $media_type || "images/jpeg" == $media_type || "images/gif" == $media_type || "images/ico" == $media_type){ ?> <img class="media-preview" src="<?php echo $media_url; ?>" style="width:100%"/> <?php } else { ?> <img class="media-preview" src="<?php echo $media_url; ?>" style="width:100%"/> <?php } ?> </div> <input type="text" placeholder="<?php echo $placeholder; ?>" name="<?php echo $field_name; ?>" id="media_input_<?php echo $css_id; ?>" value="<?php echo $value; ?>" /> <div class="media-upload button" id="media_upload_<?php echo $css_id; ?>"><?php echo __('Upload', $this->textdomain);?></div> <div class="clear button" id="media_clear_<?php echo $css_id; ?>"><?php echo __('Clear','accordions');?></div> <div class="error-mgs"></div> </div> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_repeatable( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; if(empty($id)) return; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_name = isset( $option['field_name'] ) ? $option['field_name'] : $id; $field_name = !empty( $parent ) ? $parent.'['.$field_name.']' : $field_name; $sortable = isset( $option['sortable'] ) ? $option['sortable'] : true; $collapsible = isset( $option['collapsible'] ) ? $option['collapsible'] : true; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $values = isset( $option['value'] ) ? $option['value'] : array(); $fields = isset( $option['fields'] ) ? $option['fields'] : array(); $title_field = isset( $option['title_field'] ) ? $option['title_field'] : ''; $remove_text = isset( $option['remove_text'] ) ? $option['remove_text'] : '<i class="fas fa-times"></i>'; $limit = isset( $option['limit'] ) ? $option['limit'] : ''; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $settings_tabs_field = new settings_tabs_field(); ob_start(); ?> <div class="item-wrap collapsible"> <div class="header"> <span class="remove" onclick="jQuery(this).parent().parent().remove()"><?php echo $remove_text; ?></span> <?php if($sortable): ?> <span class="sort" ><i class="fas fa-arrows-alt"></i></span> <?php endif; ?> <span class="title-text">#TIMEINDEX</span> </div> <?php if(!empty($fields)): foreach ($fields as $field): $fieldType = isset($field['type']) ? $field['type'] : ''; $field['parent'] = $field_name.'[TIMEINDEX]'; ?> <div class="item"> <?php if($collapsible):?> <div class="content"> <?php endif; ?> <?php $settings_tabs_field->generate_field($field); ?> <?php if($collapsible):?> </div> <?php endif; ?> </div> <?php endforeach; endif; ?> </div> <?php $fieldHtml = ob_get_clean(); $fieldHtml = preg_replace("/[\r\n]+/", "\n", $fieldHtml); $fieldHtml = preg_replace("/\s+/", ' ', $fieldHtml); ob_start(); ?> <div id="input-wrapper-<?php echo $css_id; ?>" class=" input-wrapper field-repeatable-wrapper field-repeatable-wrapper-<?php echo $css_id; ?>"> <div add_html="<?php echo esc_attr($fieldHtml); ?>" class="add-repeat-field"><i class="far fa-plus-square"></i> <?php _e('Add','accordions'); ?></div> <div class="repeatable-field-list sortable" id="<?php echo $css_id; ?>"> <?php if(!empty($values)): $count = 1; foreach ($values as $index=>$val): $title_field_val = !empty($val[$title_field]) ? $val[$title_field] : '#'.$count; //var_dump($index); ?> <div class="item-wrap <?php if($collapsible) echo 'collapsible'; ?>" index="<?php echo $index; ?>"> <?php if($collapsible):?> <div class="header"> <?php endif; ?> <span class="remove" onclick="jQuery(this).parent().parent().remove()"><?php echo $remove_text; ?></span> <?php if($sortable):?> <span class="sort"><i class="fas fa-arrows-alt"></i></span> <?php endif; ?> <span class="title-text"><?php echo $title_field_val; ?></span> <?php if($collapsible):?> </div> <?php endif; ?> <?php foreach ($fields as $field_index => $field): $fieldId = $field['id']; $field_css_id = isset($field['css_id']) ? str_replace('TIMEINDEX', $index, $field['css_id']) : ''; //var_dump($field_css_id); $title_field_class = ($title_field == $field_index) ? 'title-field':''; ?> <div class="item <?php echo $title_field_class; ?>"> <?php if($collapsible):?> <div class="content"> <?php endif; ?> <?php $field['parent'] = $field_name.'['.$index.']'; $field['css_id'] = $field_css_id; $field['value'] = isset($val[$fieldId]) ? $val[$fieldId] : ''; $settings_tabs_field->generate_field($field); if($collapsible):?> </div> <?php endif; ?> </div> <?php endforeach; ?> </div> <?php $count++; endforeach; else: ?> <?php endif; ?> </div> <div class="error-mgs"></div> </div> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_select( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $args = isset( $option['args'] ) ? $option['args'] : array(); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $multiple = isset( $option['multiple'] ) ? $option['multiple'] : false; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } if($multiple){ $value = isset( $option['value'] ) ? $option['value'] : array(); $field_name = !empty($parent) ? $parent.'['.$id.'][]' : $id.'[]'; $default = isset( $option['default'] ) ? $option['default'] : array(); }else{ $value = isset( $option['value'] ) ? $option['value'] : ''; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; $default = isset( $option['default'] ) ? $option['default'] : ''; } $value = !empty($value) ? $value : $default; ob_start(); ?> <select <?php if($multiple) echo 'multiple'; ?> name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>"> <?php foreach( $args as $key => $name ): if($multiple){ $selected = in_array($key, $value) ? "selected" : ""; }else{ $selected = $value == $key ? "selected" : ""; } ?> <option <?php echo $selected; ?> value="<?php echo $key; ?>"><?php echo $name; ?></option> <?php endforeach; ?> </select> <?php if($multiple): ?> <div class="button select-reset">Reset</div><br> <?php endif; ?> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_select2( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $args = isset( $option['args'] ) ? $option['args'] : array(); $multiple = isset( $option['multiple'] ) ? $option['multiple'] : ""; $attributes = isset( $option['attributes'] ) ? $option['attributes'] : array(); $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; //var_dump($css_id); if($multiple){ $value = isset( $option['value'] ) ? $option['value'] : array(); $field_name = !empty($parent) ? $parent.'['.$id.'][]' : $id.'[]'; $default = isset( $option['default'] ) ? $option['default'] : array(); }else{ $value = isset( $option['value'] ) ? $option['value'] : ''; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; $default = isset( $option['default'] ) ? $option['default'] : ''; } $value = !empty($value) ? $value : $default; //$value = get_post_meta( $post_id, $id, true ); $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $attributes_html = ''; foreach ($attributes as $attributeId=>$attribute): $attributes_html = $attributeId.'='.$attribute.' '; endforeach; ob_start(); ?> <select <?php echo $attributes_html; ?> class="select2" <?php if($multiple) echo 'multiple'; ?> name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>"> <?php foreach( $args as $key => $name ): if($multiple){ $selected = in_array($key, $value) ? "selected" : ""; }else{ $selected = ($key == $value) ? "selected" : ""; } ?> <option <?php echo $selected; ?> value="<?php echo $key; ?>"><?php echo $name; ?></option> <?php endforeach; ?> </select> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_text_multi( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $default = isset( $option['default'] ) ? $option['default'] : array(); $values = isset( $option['value'] ) ? $option['value'] : $default; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $remove_text = isset( $option['remove_text'] ) ? $option['remove_text'] : '<i class="fas fa-times"></i>'; $sortable = isset( $option['sortable'] ) ? $option['sortable'] : true; $allow_clone = isset( $option['allow_clone'] ) ? $option['allow_clone'] : false; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); ?> <div id="input-wrapper-<?php echo $id; ?>" class="input-wrapper input-text-multi-wrapper input-text-multi-wrapper-<?php echo $css_id; ?>"> <span data-placeholder="<?php echo esc_attr($placeholder); ?>" data-sort="<?php echo $sortable; ?>" data-clone="<?php echo $allow_clone; ?>" data-name="<?php echo $field_name; ?>[]" class="button add-item"><?php echo __('Add', $this->textdomain); ?></span> <div class="field-list <?php if($sortable){ echo 'sortable'; }?>" id="<?php echo $css_id; ?>"> <?php if(!empty($values)): foreach ($values as $value): ?> <div class="item"> <input type="text" name="<?php echo esc_attr($field_name); ?>[]" placeholder="<?php echo esc_attr($placeholder); ?>" value="<?php echo esc_attr($value); ?>" /> <?php if($allow_clone):?> <span class="button clone"><i class="far fa-clone"></i></span> <?php endif; ?> <?php if($sortable):?> <span class="button sort"><i class="fas fa-arrows-alt"></i></span> <?php endif; ?> <span class="button remove" onclick="jQuery(this).parent().remove()"><?php echo ($remove_text); ?></span> </div> <?php endforeach; else: ?> <div class="item"> <input type="text" name="<?php echo esc_attr($field_name); ?>[]" placeholder="<?php echo esc_attr($placeholder); ?>" value="" /> <?php if($allow_clone):?> <span class="button clone"><i class="far fa-clone"></i></span> <?php endif; ?> <?php if($sortable):?> <span class="button sort"><i class="fas fa-arrows-alt"></i></span> <?php endif; ?> <span class="button remove" onclick="jQuery(this).parent().remove()"><?php echo ($remove_text); ?></span> </div> <?php endif; ?> </div> <div class="error-mgs"></div> </div> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_hidden( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = !empty($value) ? $value : $default; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); ?> <input type="hidden" class="" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" placeholder="<?php echo $placeholder; ?>" value="<?php echo esc_attr($value); ?>" /> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_text( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = !empty($value) ? $value : $default; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); ?> <input type="text" class="" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" placeholder="<?php echo $placeholder; ?>" value="<?php echo esc_attr($value); ?>" /> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_wp_editor( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = !empty($value) ? $value : $default; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; $editor_settings= isset( $option['editor_settings'] ) ? $option['editor_settings'] : array('textarea_name'=>$field_name, 'teeny' => true, 'textarea_rows' => 15, ); ob_start(); ?> <div id="field-wrapper-<?php echo $id; ?>" class="<?php if(!empty($depends)) echo 'dependency-field'; ?> field-wrapper field-wp_editor-wrapper field-wp_editor-wrapper-<?php echo $id; ?>"> <?php wp_editor( $value, $css_id, $editor_settings); ?> <div class="error-mgs"></div> </div> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_text_icon( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $option_value = empty($value) ? $default : $value; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); ?> <div class="text-icon"> <span class="icon"><?php echo $option_value; ?></span><input type="text" class="" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" placeholder="<?php echo esc_attr($placeholder); ?>" value="<?php echo esc_attr($option_value); ?>" /> </div> <style type="text/css"> .text-icon{} .text-icon .icon{ /* width: 30px; */ background: #ddd; /* height: 28px; */ display: inline-block; vertical-align: top; text-align: center; font-size: 14px; padding: 5px 10px; line-height: normal; } </style> <script> jQuery(document).ready(function($){ $(document).on("keyup", ".text-icon input", function () { val = $(this).val(); if(val){ $(this).parent().children(".icon").html(val); } }) }) </script> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_range( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $args = isset( $option['args'] ) ? $option['args'] : ""; $min = isset($args['min']) ? $args['min'] : ''; $max = isset($args['max']) ? $args['max'] : ''; $step = isset($args['step']) ? $args['step'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); ?> <div class="range-input"> <span class="range-value"><?php echo $value; ?></span><input type="range" min="<?php if($min) echo $min; ?>" max="<?php if($max) echo $max; ?>" step="<?php if($step) echo $step; ?>" class="" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" value="<?php echo $value; ?>" /> </div> <script> jQuery(document).ready(function($){ $(document).on("change", "#<?php echo $css_id; ?>", function () { val = $(this).val(); if(val){ $(this).parent().children(".range-value").html(val); } }) }) </script> <style type="text/css"> .range-input{} .range-input .range-value{ display: inline-block; vertical-align: top; margin: 0 0; padding: 4px 10px; background: #eee; } </style> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_textarea( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } ob_start(); ?> <textarea name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" cols="40" rows="5" placeholder="<?php echo $placeholder; ?>"><?php echo $value; ?></textarea> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_textarea_editor( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; if($is_pro == true){ $details = '<span class="pro-feature">'.$pro_text.'</span> '.$details; } ob_start(); ?> <textarea editor_enabled="no" class="textarea-editor" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" cols="40" rows="5" placeholder="<?php echo $placeholder; ?>"><?php echo $value; ?></textarea> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_scripts_js( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; $settings = wp_enqueue_code_editor( array( 'type' => 'text/javascript' ) ); $code_editor = wp_json_encode( $settings ); ob_start(); ?> <textarea name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" cols="40" rows="5" placeholder="<?php echo $placeholder; ?>"><?php echo $value; ?></textarea> <script> jQuery(document).ready(function($){ wp.codeEditor.initialize($('#<?php echo $css_id; ?>'), <?php echo $code_editor; ?>); }) </script> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_scripts_css( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $settings = wp_enqueue_code_editor( array( 'type' => 'text/css' ) ); $code_editor = wp_json_encode( $settings ); $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ?> <?php ob_start(); ?> <textarea name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" cols="40" rows="5" placeholder="<?php echo $placeholder; ?>"><?php echo $value; ?></textarea> <script> jQuery(document).ready(function($){ wp.codeEditor.initialize($('#<?php echo $css_id; ?>'), <?php echo $code_editor; ?>); }) </script> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_checkbox( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $for = isset( $option['for'] ) ? $option['for'] : ""; $args = isset( $option['args'] ) ? $option['args'] : array(); $style = isset( $option['style'] ) ? $option['style'] : array(); $style_inline = isset( $style['inline'] ) ? $style['inline'] : true; $option_value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $option_value = !empty($option_value) ? $option_value : $default; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ?> <div class="setting-field"> <div class="field-lable"><?php if(!empty($title)) echo $title; ?></div> <div class="field-input"> <?php if(!empty($args)) foreach( $args as $key => $value ): //$checked = ( $key == $option_value ) ? "checked" : ""; $checked = in_array($key, $option_value) ? "checked" : ""; $for = !empty($for) ? $for.'-'.$id."-".$key : $id."-".$key; ?> <label for='<?php echo $for;?>'><input name='<?php echo $field_name; ?>[]' type='checkbox' id='<?php echo $for; ?>' value='<?php echo $key;?>' <?php echo $checked;?>><span><?php echo $value;?></span></label> <?php if(!$style_inline){ ?> <br> <?php } endforeach; ?> <p class="description"><?php if(!empty($details)) echo $details; ?></p> </div> </div> <?php } public function field_radio( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $for = isset( $option['for'] ) ? $option['for'] : ""; $args = isset( $option['args'] ) ? $option['args'] : array(); $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $option_value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $option_value = !empty($option_value) ? $option_value : $default; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); if(!empty($args)) foreach( $args as $key => $value ): $checked = ( $key == $option_value ) ? "checked" : ""; $for = !empty($for) ? $for.'-'.$css_id."-".$key : $css_id."-".$key; ?> <label for="<?php echo $for;?>"><input name="<?php echo $field_name; ?>" type="radio" id="<?php echo $for; ?>" value="<?php echo $key;?>" <?php echo $checked;?>><span><?php echo $value;?></span></label> <?php endforeach; $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_radio_image( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $args = isset( $option['args'] ) ? $option['args'] : array(); //$args = is_array( $args ) ? $args : $this->generate_args_from_string( $args ); $option_value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $width = isset( $option['width'] ) ? $option['width'] : "250px"; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; //var_dump($option_value); $option_value = empty($option_value) ? $default : $option_value; ob_start(); ?> <div class="radio-img"> <?php foreach( $args as $key => $value ): $name = $value['name']; $thumb = $value['thumb']; $disabled = isset($value['disabled']) ? $value['disabled'] : ''; $pro_msg = isset($value['pro_msg']) ? $value['pro_msg'] : ''; $link = isset($value['link']) ? $value['link'] : ''; $link_text = isset($value['link_text']) ? $value['link_text'] : 'Go'; $checked = ($key == $option_value) ? "checked" : ""; //var_dump($checked); ?> <label style="width: <?php echo $width; ?>;" title="<?php echo $name; ?>" class="<?php if($checked =='checked') echo 'active';?> <?php if($disabled == true) echo 'disabled';?>"> <input <?php if($disabled) echo 'disabled'; ?> name="<?php echo $field_name; ?>" type="radio" id="<?php echo $css_id; ?>-<?php echo $key; ?>" value="<?php echo $key; ?>" <?php echo $checked; ?>> <?php if(!empty($thumb)): ?> <img class="lazy" alt="<?php echo $name; ?>" data-src="<?php echo $thumb; ?>" src="https://i.imgur.com/72Z8sfU.gif"> <div style="padding: 5px;" class="name"><?php echo $name; ?></div> <?php else: echo $name; endif; ?> <?php if($disabled == true):?> <span class="pro-msg"><?php echo $pro_msg; ?></span> <?php endif; ?> <?php if(!empty($link)):?> <a target="_blank" class="link" href="<?php echo $link; ?>"><?php echo $link_text; ?></a> <?php endif; ?> </label> <?php endforeach; ?> </div> <style type="text/css"> .radio-img{} .radio-img label{ display: inline-block; vertical-align: top; margin: 5px; padding: 2px; background: #eee; position: relative; } .radio-img label.active{ background: #fd730d; } .radio-img label.disabled{ background: #e2e2e2; } .radio-img label.disabled img{ background: #e2e2e2; opacity: .3; } .radio-img label.disabled .pro-msg{ background: #ffd87f; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 10px; } .radio-img label .link{ background: hsl(200, 7%, 42%); position: absolute; top: 2px; /* transform: translate(0%,-50%); */ padding: 3px 14px; text-decoration: none; font-size: 14px; color: #fff; right: 2px; } .radio-img input[type=radio]{ display: none; } .radio-img img{ vertical-align: top; width: 100%; } </style> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_datepicker( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $format = isset( $option['format'] ) ? $option['format'] : ""; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; wp_enqueue_script('jquery-ui-datepicker'); wp_enqueue_style( 'jquery-ui'); ob_start(); ?> <input type="text" autocomplete="off" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" placeholder="<?php echo $placeholder; ?>" value="<?php echo $value; ?>" /> <script>jQuery(document).ready(function($) { $("#<?php echo $css_id; ?>").datepicker({ dateFormat: "<?php echo $format; ?>" });});</script> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_colorpicker( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $placeholder = isset( $option['placeholder'] ) ? $option['placeholder'] : ""; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; ob_start(); ?> <input colorPicker="" name="<?php echo $field_name; ?>" id="<?php echo $css_id; ?>" placeholder="<?php echo esc_attr($placeholder); ?>" value="<?php echo esc_attr($value); ?>" /> <?php $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_colorpicker_multi( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $args = isset( $option['args'] ) ? $option['args'] : ""; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $value = isset( $option['value'] ) ? $option['value'] : ''; $default = isset( $option['default'] ) ? $option['default'] : ''; $value = !empty($value) ? $value : $default; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; $field_name = !empty($parent) ? $parent.'['.$id.']' : $id; //echo '<pre>'.var_export($args, true).'</pre>'; ob_start(); if(!empty($args)): foreach ($args as $arg_key => $arg): $item_value = isset($value[$arg_key]) ? $value[$arg_key] : $arg; ?> <div class=""> <span><?php echo $arg_key; ?></span> <input name="<?php echo $field_name; ?>[<?php echo $arg_key; ?>]" id="<?php echo $arg_key.'-'.$css_id; ?>" value="<?php echo $item_value; ?>" /> <script>jQuery(document).ready(function($) { $("#<?php echo $arg_key.'-'.$css_id; ?>").wpColorPicker();});</script> </div> <?php endforeach; endif; $input_html = ob_get_clean(); echo sprintf($field_template, $title, $input_html, $details); } public function field_custom_html( $option ){ $id = isset( $option['id'] ) ? $option['id'] : ""; $css_id = isset( $option['css_id'] ) ? $option['css_id'] : $id; $parent = isset( $option['parent'] ) ? $option['parent'] : ""; $field_template = isset( $option['field_template'] ) ? $option['field_template'] : $this->field_template($option); $html = isset( $option['html'] ) ? $option['html'] : ""; $is_pro = isset( $option['is_pro'] ) ? $option['is_pro'] : false; $pro_text = isset( $option['pro_text'] ) ? $option['pro_text'] : ''; $title = isset( $option['title'] ) ? $option['title'] : ""; $details = isset( $option['details'] ) ? $option['details'] : ""; echo sprintf($field_template, $title, $html, $details); } }}
Save
Cancel
