| Server IP : 54.36.91.62 / Your IP : 216.73.216.38 Web Server : Apache System : Linux webm008.cluster127.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : awaywithxm ( 25098) PHP Version : 7.0.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/awaywithxm/www/wp-content/plugins/post-grid/includes/ |
Upload File : |
<?php
if ( ! defined('ABSPATH')) exit; // if direct access
add_action('post_grid_layout_metabox_content_custom_scripts','post_grid_layout_metabox_content_custom_scripts');
if(!function_exists('post_grid_layout_metabox_content_custom_scripts')){
function post_grid_layout_metabox_content_custom_scripts($post_id){
$settings_tabs_field = new settings_tabs_field();
$custom_scripts = get_post_meta($post_id,'custom_scripts', true);
$layout_options = get_post_meta($post_id,'layout_options', true);
$custom_css = isset($custom_scripts['custom_css']) ? $custom_scripts['custom_css'] : '';
$custom_js = isset($custom_scripts['custom_js']) ? $custom_scripts['custom_js'] : '';
$layout_preview_img = isset($layout_options['layout_preview_img']) ? $layout_options['layout_preview_img'] : '';
?>
<div class="section">
<div class="section-title"><?php echo __('Custom scripts', 'post-grid'); ?></div>
<p class="description section-description"><?php echo __('Write custom scripts to override CSS and scripts.', 'post-grid'); ?></p>
<?php
$args = array(
'id' => 'custom_css',
'parent' => 'custom_scripts',
'title' => __('Custom CSS','post-grid'),
'details' => __('Write custom CSS to override default style, do not use <code><style></style></code> tag. use <code>__ID__</code> to replace by layout id <code>layout-'.$post_id.'</code>.','post-grid'),
'type' => 'scripts_css',
'value' => $custom_css,
'default' => '',
'placeholder' => '',
);
$settings_tabs_field->generate_field($args);
$args = array(
'id' => 'custom_js',
'parent' => 'custom_scripts',
'title' => __('Custom JS','post-grid'),
'details' => __('Write custom JS to override default style, do not use <code><script></script></code> tag.','post-grid'),
'type' => 'scripts_js',
'value' => $custom_js,
'default' => '',
'placeholder' => '',
);
$settings_tabs_field->generate_field($args);
$args = array(
'id' => 'layout_preview_img',
'parent' => 'layout_options',
'title' => __('Preview image','post-grid'),
'details' => __('Set layout preview image.','post-grid'),
'type' => 'media_url',
'value' => $layout_preview_img,
'default' => '',
'placeholder' => '',
);
$settings_tabs_field->generate_field($args);
?>
</div>
<?php
}
}
add_action('post_grid_layout_metabox_content_layout_builder','post_grid_layout_metabox_content_layout_builder');
if(!function_exists('post_grid_layout_metabox_content_layout_builder')){
function post_grid_layout_metabox_content_layout_builder($post_id){
$settings_tabs_field = new settings_tabs_field();
$layout_elements_data = get_post_meta($post_id,'layout_elements_data', true);
$layout_options = get_post_meta($post_id,'layout_options', true);
$preview_post_type = isset($layout_options['preview_post_type']) ? $layout_options['preview_post_type'] : 'post';
?>
<div class="section">
<div class="section-title"><?php echo __('Layout Editor', 'post-grid'); ?></div>
<p class="description section-description"><?php echo __('Customize layout settings.', 'post-grid'); ?></p>
<div class="setting-field ">
<?php
$elements_group['general'] = array(
'group_title'=>'General',
'items'=>array(
'wrapper_start'=>array('name' =>__('Wrapper start','post-grid')),
'wrapper_end'=>array('name' =>__('Wrapper end','post-grid')),
'media'=>array('name' =>__('Media','post-grid')),
'custom_text'=>array('name' =>__('Custom text','post-grid')),
'title'=>array('name' =>__('Post title','post-grid')),
'title_link'=>array('name' =>__('Title with link','post-grid')),
'read_more'=>array('name' =>__('Read more','post-grid')),
'thumb'=>array('name' =>__('Thumbnail','post-grid')),
'thumb_link'=>array('name' =>__('Thumbnail with link ','post-grid')),
'excerpt'=>array('name' =>__('Post excerpt','post-grid')),
'excerpt_read_more'=>array('name' =>__('Excerpt with read more','post-grid')),
'content'=>array('name' =>__('Content','post-grid')),
'post_date'=>array('name' =>__('Post date','post-grid')),
'author'=>array('name' =>__('Author','post-grid')),
'author_link'=>array('name' =>__('Author with link','post-grid')),
'categories'=>array('name' =>__('Categories','post-grid')),
'tags'=>array('name' =>__('Tags','post-grid')),
'comments_count'=>array('name' =>__('Comments count','post-grid')),
'share_button'=>array('name' =>__('Share button','post-grid')),
'hr'=>array('name' =>__('Horizontal line','post-grid')),
'five_star'=>array('name' =>__('Five star','post-grid')),
//'collapsible_icon'=>array('name' =>__('Collapsible icon','post-grid')),
),
);
$elements_group['star_rating'] = array(
'group_title'=>'Star Rating',
'items'=>array(),
);
$elements_group['wishlist'] = array(
'group_title'=>'Wishlist',
'items'=>array(),
);
$elements_group = apply_filters('post_grid_layout_elements', $elements_group);
$layout_elements_option = array();
if(!empty($elements_group))
foreach ($elements_group as $group_index => $element_group):
$group_items = isset($element_group['items']) ? $element_group['items'] : array();
foreach ($group_items as $elementIndex => $element):
ob_start();
do_action('post_grid_layout_element_option_'.$elementIndex);
$layout_elements_option[$elementIndex] = ob_get_clean();
endforeach;
endforeach;
?>
<script>
jQuery(document).ready(function($){
layout_elements_option = <?php echo json_encode($layout_elements_option); ?>;
$(document).on('click','.layout-tags .element_index',function(){
tag_id = $(this).attr('tag_id');
input_name = $(this).attr('input_name');
id = $.now();
console.log(id);
tag_options_html = layout_elements_option[tag_id];
var res = tag_options_html.replace(/{input_name}/g, input_name+'['+id+']');
$('.layout-elements').append(res);
})
})
</script>
<div class="layout-builder">
<div class="layout-tags expandable">
<?php
if(!empty($elements_group))
foreach ($elements_group as $group_index => $element_group):
$group_title = isset($element_group['group_title']) ? $element_group['group_title'] : '';
$group_items = isset($element_group['items']) ? $element_group['items'] : array();
//$group_items = apply_filters('post_grid_layout_group_'.$group_index, $group_items);
if(empty($group_items)) continue;
?>
<div class="item">
<div class="element-title header ">
<span class="expand"><i class="fas fa-expand"></i><i class="fas fa-compress"></i></span>
<span class="expand"><?php echo $group_title; ?></span>
</div>
<div class="element-options options">
<?php
foreach ($group_items as $elementIndex => $element):
$element_name = isset($element['name']) ? $element['name'] : '';
?>
<span class="element_index" input_name="<?php echo 'layout_elements_data'; ?>" tag_id="<?php echo $elementIndex; ?>"><?php echo $element_name; ?></span>
<?php
endforeach;
?>
</div>
</div>
<?php
endforeach;
?>
</div>
<div class="layout-elements expandable sortable">
<?php
if(!empty($layout_elements_data)):
foreach ($layout_elements_data as $index => $item_data){
foreach ($item_data as $elementIndex => $element_data){
$args = array('input_name'=> 'layout_elements_data['.$index.']', 'element_data'=> $element_data, 'index'=>$index);
do_action('post_grid_layout_element_option_'.$elementIndex, $args);
}
}
else:
?>
<div class="empty-element">
<?php echo sprintf(__('%s Click to add tags.','post-grid'), '<i class="far fa-hand-point-up"></i>') ?>
</div>
<?php
endif;
?>
</div>
</div>
<style type="text/css">
.layout-builder{
clear: both;
}
.layout-builder .layout-elements .item{
}
.layout-tags{
margin-bottom: 20px;
position: sticky;
top: 32px;
z-index: 999;
background: #fff;
padding: 5px 5px;
display: inline-block;
width: 360px;
float: left;
}
.layout-tags .element_index{
background: #fff;
padding: 3px 7px;
display: inline-block;
margin: 2px 2px;
border-radius: 3px;
border: 1px solid #616161;
cursor: pointer;
font-size: 13px;
}
.layout-tags .element_index:hover{
background: #e0e0e0;
}
.layout-elements{
margin-left: 390px;
}
@media (max-width: 1550px){
.layout-elements {
margin-left: 0px;
}
.layout-tags {
display: block;
width: 100%;
float: none;
}
}
</style>
</div>
<div class="clear"></div>
<?php
ob_start();
?>
<?php
$html = ob_get_clean();
// $args = array(
// 'id' => 'layout_builder',
// //'parent' => '',
// 'title' => __('Layout elements','post-grid'),
// 'details' => __('Customize layout elements.','post-grid'),
// 'type' => 'custom_html',
// 'html' => $html,
// 'default' => '',
// );
//
// $settings_tabs_field->generate_field($args);
$post_types = post_grid_posttypes_array();
$args = array(
'id' => 'preview_post_type',
'parent' => 'layout_options',
'title' => __('Preview post type','post-grid'),
'details' => __('Set layout preview post type.','post-grid'),
'type' => 'select',
'value' => $preview_post_type,
'default' => 'post',
'args' => $post_types,
);
$settings_tabs_field->generate_field($args);
ob_start();
$layout_id = get_the_id();
$args['layout_id'] = $layout_id;
?>
<div class="layout-preview">
<div class="elements-wrapper layout-<?php echo $layout_id; ?>">
<?php
if(!empty($layout_elements_data))
foreach ($layout_elements_data as $elementGroupIndex => $elementGroupData){
foreach ($elementGroupData as $elementIndex => $elementData){
$args['post_id'] = post_grid_get_first_post($preview_post_type);
$args['element'] = $elementData;
$args['index'] = $elementGroupIndex;
//var_dump($elementIndex);
do_action('post_grid_layout_element_'.$elementIndex, $args);
}
}
//echo '<pre>'.var_export($args, true).'</pre>';
?>
</div>
</div>
<?php
if(!empty($layout_elements_data))
foreach ($layout_elements_data as $elementGroupIndex => $elementGroupData){
foreach ($elementGroupData as $elementIndex => $elementData){
$args['element'] = $elementData;
$args['index'] = $elementGroupIndex;
//echo $elementIndex;
do_action('post_grid_layout_element_css_'.$elementIndex, $args);
}
}
$custom_scripts = get_post_meta($layout_id,'custom_scripts', true);
$custom_css = isset($custom_scripts['custom_css']) ? $custom_scripts['custom_css'] : '';
?>
<style type="text/css">
.layout-preview{
background: url(<?php echo post_grid_plugin_url; ?>assets/admin/images/tile.png);
padding: 20px;
}
.layout-preview .elements-wrapper{
width: 400px;
overflow: hidden;
margin: 0 auto;
}
.layout-preview img{
width: 100%;
height: auto;
}
<?php
echo str_replace('__ID__', 'layout-'.$layout_id, $custom_css);
?>
</style>
<?php
$html = ob_get_clean();
$args = array(
'id' => 'layout_preview',
//'parent' => '',
'title' => __('Layout preview','post-grid'),
'details' => __('Layout preview, some layout require featured image set on post.','post-grid'),
'type' => 'custom_html',
'html' => $html,
'default' => '',
);
$settings_tabs_field->generate_field($args);
?>
</div>
<?php
}
}
add_action('post_grid_layout_metabox_save','post_grid_layout_metabox_save');
function post_grid_layout_metabox_save($job_id){
$layout_options = isset($_POST['layout_options']) ? stripslashes_deep($_POST['layout_options']) : '';
update_post_meta($job_id, 'layout_options', $layout_options);
$layout_elements_data = isset($_POST['layout_elements_data']) ? stripslashes_deep($_POST['layout_elements_data']) : '';
update_post_meta($job_id, 'layout_elements_data', $layout_elements_data);
$custom_scripts = isset($_POST['custom_scripts']) ? stripslashes_deep($_POST['custom_scripts']) : '';
update_post_meta($job_id, 'custom_scripts', $custom_scripts);
}