File: //home/cafsindia/allyindian_com/wp-content/plugins/post-grid/includes/meta.php
<?php
/*
* @Author pickplugins
* Copyright: 2015 pickplugins.com
*/
if ( ! defined('ABSPATH')) exit; // if direct access
function post_grid_posttype_register() {
$labels = array(
'name' => _x('Post Grid', 'post-grid'),
'singular_name' => _x('Post Grid', 'post-grid'),
'add_new' => _x('New Post Grid', 'post-grid'),
'add_new_item' => __('New Post Grid', 'post-grid'),
'edit_item' => __('Edit Post Grid', 'post-grid'),
'new_item' => __('New Post Grid', 'post-grid'),
'view_item' => __('View Post Grid', 'post-grid'),
'search_items' => __('Search Post Grid', 'post-grid'),
'not_found' => __('Nothing found', 'post-grid'),
'not_found_in_trash' => __('Nothing found in Trash', 'post-grid'),
'parent_item_colon' => ''
);
$args = array(
'labels' => $labels,
'public' => false,
'publicly_queryable' => false,
'show_ui' => true,
'query_var' => true,
'menu_icon' => null,
'rewrite' => true,
'capability_type' => 'post',
'hierarchical' => false,
'menu_position' => null,
'supports' => array('title'),
'menu_icon' => 'dashicons-media-spreadsheet',
);
register_post_type( 'post_grid' , $args );
}
add_action('init', 'post_grid_posttype_register');
/**
* Adds a box to the main column on the Post and Page edit screens.
*/
function meta_boxes_post_grid()
{
$screens = array( 'post_grid' );
foreach ( $screens as $screen )
{
add_meta_box('post_grid_metabox',__( 'Post Grid Options', 'post-grid' ),'meta_boxes_post_grid_input', $screen);
}
}
add_action( 'add_meta_boxes', 'meta_boxes_post_grid' );
function meta_boxes_post_grid_input( $post ) {
global $post;
wp_nonce_field( 'meta_boxes_post_grid_input', 'meta_boxes_post_grid_input_nonce' );
$post_grid_meta_options = get_post_meta( $post->ID, 'post_grid_meta_options', true );
if(!empty($post_grid_meta_options['post_types'])){
$post_types = $post_grid_meta_options['post_types'];
}
else{
$post_types = array('post');
}
if(!empty($post_grid_meta_options['categories'])){
$categories = $post_grid_meta_options['categories'];
}
else{
$categories = array();
}
if(!empty($post_grid_meta_options['terms_relation'])){
$terms_relation = $post_grid_meta_options['terms_relation'];
}
else{
$terms_relation = 'IN';
}
if(!empty($post_grid_meta_options['categories_relation'])){
$categories_relation = $post_grid_meta_options['categories_relation'];
}
else{
$categories_relation = 'OR';
}
/*
if(!empty($post_grid_meta_options['extra_query_parameter'])){
$extra_query_parameter = $post_grid_meta_options['extra_query_parameter'];
}
else{
$extra_query_parameter = '';
}
*/
if(!empty($post_grid_meta_options['post_status'])){
$post_status = $post_grid_meta_options['post_status'];
}
else{
$post_status = array('publish');
}
if(!empty($post_grid_meta_options['offset'])){
$offset = $post_grid_meta_options['offset'];
}
else{
$offset = '';
}
if(!empty($post_grid_meta_options['posts_per_page'])){
$posts_per_page = $post_grid_meta_options['posts_per_page'];
}
else{
$posts_per_page = 10;
}
if(!empty($post_grid_meta_options['exclude_post_id']))
$exclude_post_id = $post_grid_meta_options['exclude_post_id'];
if(!empty($post_grid_meta_options['query_order'])){
$query_order = $post_grid_meta_options['query_order'];
}
else{
$query_order = 'DESC';
}
if(!empty($post_grid_meta_options['query_orderby'])){
$query_orderby = $post_grid_meta_options['query_orderby'];
}
else{
$query_orderby = array('date');
}
if(!empty($post_grid_meta_options['query_orderby_meta_key']))
$query_orderby_meta_key = $post_grid_meta_options['query_orderby_meta_key'];
/*
if(!empty($post_grid_meta_options['meta_query'])){
$meta_query = $post_grid_meta_options['meta_query'];
}
else{
$meta_query = array();
}
if(!empty($post_grid_meta_options['meta_query_relation'])){
$meta_query_relation = $post_grid_meta_options['meta_query_relation'];
}
else{
$meta_query_relation = 'OR';
}
*/
if(!empty($post_grid_meta_options['keyword']))
$keyword = $post_grid_meta_options['keyword'];
$enable_default_keyword ='no';
if(!empty($post_grid_meta_options['enable_default_keyword']))
$enable_default_keyword = $post_grid_meta_options['enable_default_keyword'];
if(!empty($post_grid_meta_options['grid_layout']['name'])){
$grid_layout_name = $post_grid_meta_options['grid_layout']['name'];
}
else{
$grid_layout_name = 'layout_grid';
}
/*
if(!empty($post_grid_meta_options['grid_layout']['col_multi'])){
$grid_layout_col_multi = $post_grid_meta_options['grid_layout']['col_multi'];
}
else{
$grid_layout_col_multi = 2;
}
*/
if(!empty($post_grid_meta_options['layout']['content'])){
$layout_content = $post_grid_meta_options['layout']['content'];
}
else{
$layout_content = 'flat';
}
if(!empty($post_grid_meta_options['layout']['hover']))
$layout_hover = $post_grid_meta_options['layout']['hover'];
/*
if(!empty($post_grid_meta_options['enable_multi_skin'])){
$enable_multi_skin = $post_grid_meta_options['enable_multi_skin'];
}
else{
$enable_multi_skin = 'no';
}
*/
if(!empty($post_grid_meta_options['skin'])){
$skin = $post_grid_meta_options['skin'];
}
else{
$skin = 'flat';
}
if(!empty($post_grid_meta_options['custom_js'])){
$custom_js = $post_grid_meta_options['custom_js'];
}
else{
$custom_js = '/*Write your js code here*/';
}
if(!empty($post_grid_meta_options['custom_css'])){
$custom_css = $post_grid_meta_options['custom_css'];
}
else{
$custom_css = '/*Write your CSS code here*/';
}
if(!empty($post_grid_meta_options['masonry_enable'])){
$masonry_enable = $post_grid_meta_options['masonry_enable'];
}
else{
$masonry_enable = 'no';
}
if(!empty($post_grid_meta_options['lazy_load_enable'])){
$lazy_load_enable = $post_grid_meta_options['lazy_load_enable'];
}
else{
$lazy_load_enable = 'no';
}
if(!empty($post_grid_meta_options['lazy_load_image_src'])){
$lazy_load_image_src = $post_grid_meta_options['lazy_load_image_src'];
}
else{
$lazy_load_image_src = '';
}
if(!empty($post_grid_meta_options['width']['desktop'])){
$items_width_desktop = $post_grid_meta_options['width']['desktop'];
}
else{
$items_width_desktop = '280px';
}
if(!empty($post_grid_meta_options['width']['tablet'])){
$items_width_tablet = $post_grid_meta_options['width']['tablet'];
}
else{
$items_width_tablet = '280px';
}
if(!empty($post_grid_meta_options['item_height']['style'])){
$items_height_style = $post_grid_meta_options['item_height']['style'];
}
else{
$items_height_style = 'auto_height';
}
if(!empty($post_grid_meta_options['item_height']['fixed_height'])){
$items_fixed_height = $post_grid_meta_options['item_height']['fixed_height'];
}
else{
$items_fixed_height = '220px';
}
if(!empty($post_grid_meta_options['width']['mobile'])){
$items_width_mobile = $post_grid_meta_options['width']['mobile'];
}
else{
$items_width_mobile = '90%';
}
if(!empty($post_grid_meta_options['media_height']['style'])){
$items_media_height_style = $post_grid_meta_options['media_height']['style'];
}
else{
$items_media_height_style = 'auto_height';
}
if(!empty($post_grid_meta_options['media_height']['fixed_height'])){
$items_media_fixed_height = $post_grid_meta_options['media_height']['fixed_height'];
}
else{
$items_media_fixed_height = '220px';
}
if(!empty($post_grid_meta_options['items_bg_color_type'])){
$items_bg_color_type = $post_grid_meta_options['items_bg_color_type'];
}
else{
$items_bg_color_type = 'fixed';
}
if(!empty($post_grid_meta_options['items_bg_color'])){
$items_bg_color = $post_grid_meta_options['items_bg_color'];
}
else{
$items_bg_color = '#fff';
}
if(!empty($post_grid_meta_options['media_source'])){
$media_source = $post_grid_meta_options['media_source'];
}
else{
$media_source = array();
}
if(!empty($post_grid_meta_options['featured_img_size'])){
$featured_img_size = $post_grid_meta_options['featured_img_size'];
}
else{
$featured_img_size = 'medium';
}
if(!empty($post_grid_meta_options['thumb_linked'])){
$thumb_linked = $post_grid_meta_options['thumb_linked'];
}
else{
$thumb_linked = 'yes';
}
if(!empty($post_grid_meta_options['margin'])){
$items_margin = $post_grid_meta_options['margin'];
}
else{
$items_margin = '10px';
}
if(!empty($post_grid_meta_options['container']['padding'])){
$container_padding = $post_grid_meta_options['container']['padding'];
}
else{
$container_padding = '10px';
}
if(!empty($post_grid_meta_options['container']['bg_color'])){
$container_bg_color = $post_grid_meta_options['container']['bg_color'];
}
else{
$container_bg_color = '#fff';
}
if(!empty($post_grid_meta_options['container']['bg_image'])){
$container_bg_image = $post_grid_meta_options['container']['bg_image'];
}
else{
$container_bg_image = '';
}
if(!empty($post_grid_meta_options['grid_type'])){
$grid_type = $post_grid_meta_options['grid_type'];
}
else{
$grid_type = 'grid';
}
/*
if(!empty($post_grid_meta_options['nav_top']['filter'])){
$nav_top_filter = $post_grid_meta_options['nav_top']['filter'];
}
else{
$nav_top_filter = 'no';
}
*/
/*
if(!empty($post_grid_meta_options['nav_top']['filterable_post_per_page'])){
$filterable_post_per_page = $post_grid_meta_options['nav_top']['filterable_post_per_page'];
}
else{
$filterable_post_per_page = '3';
}
if(!empty($post_grid_meta_options['nav_top']['active_filter'])){
$active_filter = $post_grid_meta_options['nav_top']['active_filter'];
}
else{
$active_filter = 'all';
}
if(!empty($post_grid_meta_options['slider_navs'])){
$slider_navs = $post_grid_meta_options['slider_navs'];
}
else{
$slider_navs = 'true';
}
if(!empty($post_grid_meta_options['slider_navs_style'])){
$slider_navs_style = $post_grid_meta_options['slider_navs_style'];
}
else{
$slider_navs_style = 'round';
}
if(!empty($post_grid_meta_options['slider_dots'])){
$slider_dots = $post_grid_meta_options['slider_dots'];
}
else{
$slider_dots = 'true';
}
if(!empty($post_grid_meta_options['slider_dots_style'])){
$slider_dots_style = $post_grid_meta_options['slider_dots_style'];
}
else{
$slider_dots_style = 'round';
}
if(!empty($post_grid_meta_options['slider_dots_bg_color'])){
$slider_dots_bg_color = $post_grid_meta_options['slider_dots_bg_color'];
}
else{
$slider_dots_bg_color = '#e6e6e6';
}
if(!empty($post_grid_meta_options['slider_auto_play'])){
$slider_auto_play = $post_grid_meta_options['slider_auto_play'];
}
else{
$slider_auto_play = 'true';
}
if(!empty($post_grid_meta_options['slider_rewind'])){
$slider_rewind = $post_grid_meta_options['slider_rewind'];
}
else{
$slider_rewind = 'false';
}
if(!empty($post_grid_meta_options['slider_loop'])){
$slider_loop = $post_grid_meta_options['slider_loop'];
}
else{
$slider_loop = 'true';
}
if(!empty($post_grid_meta_options['slider_center'])){
$slider_center = $post_grid_meta_options['slider_center'];
}
else{
$slider_center = 'false';
}
if(!empty($post_grid_meta_options['slider_autoplayHoverPause'])){
$slider_autoplayHoverPause = $post_grid_meta_options['slider_autoplayHoverPause'];
}
else{
$slider_autoplayHoverPause = 'true';
}
if(!empty($post_grid_meta_options['slider_dotsSpeed'])){
$slider_dotsSpeed = $post_grid_meta_options['slider_dotsSpeed'];
}
else{
$slider_dotsSpeed = '1000';
}
if(!empty($post_grid_meta_options['slider_navSpeed'])){
$slider_navSpeed = $post_grid_meta_options['slider_navSpeed'];
}
else{
$slider_navSpeed = '1000';
}
if(!empty($post_grid_meta_options['slider_mouseDrag'])){
$slider_mouseDrag = $post_grid_meta_options['slider_mouseDrag'];
}
else{
$slider_mouseDrag = 'true';
}
if(!empty($post_grid_meta_options['slider_touchDrag'])){
$slider_touchDrag = $post_grid_meta_options['slider_touchDrag'];
}
else{
$slider_touchDrag = 'true';
}
if(!empty($post_grid_meta_options['slider_column_desktop'])){
$slider_column_desktop = $post_grid_meta_options['slider_column_desktop'];
}
else{
$slider_column_desktop = 4;
}
if(!empty($post_grid_meta_options['slider_column_tablet'])){
$slider_column_tablet = $post_grid_meta_options['slider_column_tablet'];
}
else{
$slider_column_tablet = 2;
}
if(!empty($post_grid_meta_options['slider_column_mobile'])){
$slider_column_mobile = $post_grid_meta_options['slider_column_mobile'];
}
else{
$slider_column_mobile = 1;
}
*/
if(!empty($post_grid_meta_options['nav_top']['search'])){
$nav_top_search = $post_grid_meta_options['nav_top']['search'];
}
else{
$nav_top_search = 'no';
}
if(!empty($post_grid_meta_options['nav_bottom']['pagination_type'])){
$pagination_type = $post_grid_meta_options['nav_bottom']['pagination_type'];
}
else{
$pagination_type = 'normal';
}
if(!empty($post_grid_meta_options['pagination']['max_num_pages'])){
$max_num_pages = $post_grid_meta_options['pagination']['max_num_pages'];
}
else{
$max_num_pages = 0;
}
if(!empty($post_grid_meta_options['pagination']['prev_text'])){
$pagination_prev_text = $post_grid_meta_options['pagination']['prev_text'];
}
else{
$pagination_prev_text = '« Previous';
}
if(!empty($post_grid_meta_options['pagination']['next_text'])){
$pagination_next_text = $post_grid_meta_options['pagination']['next_text'];
}
else{
$pagination_next_text = 'Next »';
}
if(!empty($post_grid_meta_options['nav_bottom']['pagination_theme'])){
$pagination_theme = $post_grid_meta_options['nav_bottom']['pagination_theme'];
}
else{
$pagination_theme = 'dark';
}
?>
<div class="para-settings post-grid-metabox">
<ul class="tab-nav">
<li nav="1" class="nav1 active"><i class="fa fa-code"></i> <?php _e('Shortcodes','post-grid'); ?></li>
<li nav="2" class="nav2"><i class="fa fa-cubes"></i> <?php _e('Query Post','post-grid'); ?></li>
<li nav="3" class="nav3"><i class="fa fa-object-group"></i> <?php _e('Layout','post-grid'); ?></li>
<li nav="4" class="nav3"><i class="fa fa-magic"></i> <?php _e('Layout settings','post-grid'); ?></li>
<li nav="5" class="nav4"><i class="fa fa-sliders"></i> <?php _e('Navigations','post-grid'); ?></li>
<li nav="6" class="nav6"><i class="fa fa-css3"></i> <?php _e('Custom Scripts','post-grid'); ?></li>
</ul> <!-- tab-nav end -->
<ul class="box">
<li style="display: block;" class="box1 tab-box active">
<div class="option-box">
<p class="option-title"><?php _e('Shortcode','post-grid'); ?></p>
<p class="option-info"><?php _e('Copy this shortcode and paste on page or post where you want to display post grid. <br />Use PHP code to your themes file to display post grid.','post-grid'); ?></p>
<textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" >[post_grid <?php echo 'id="'.$post->ID.'"';?>]</textarea>
<br /><br />
<p class="option-info"><?php _e('PHP Code:','post-grid'); ?></p>
<textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".$post->ID."']"; echo '"); ?>'; ?></textarea>
</div>
</li>
<li style="display: none;" class="box2 tab-box ">
<div class="option-box">
<p class="option-title"><?php _e('Post Types','post-grid'); ?></p>
<p class="option-info"><?php _e('Select post types you want to query post , can be select multiple. <br />Hint: Ctrl + click to select mulitple','post-grid'); ?></p>
<div title="Clear post types selection." onClick="" class="button clear-post-types"> Clear</div>
<br/><br/>
<?php
echo post_grid_posttypes($post_types);
?>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Taxonomy & Terms (Categories)','post-grid'); ?></p>
<p class="option-info"><?php _e('Select categories. <br />Hint: Ctrl + click to select mulitple','post-grid'); ?></p>
<div title="Clear categories selection." onClick="" class="button clear-categories"> Clear</div>
<br/><br/>
<div class="categories-container">
<?php
echo post_grid_get_categories(get_the_ID());
?>
</div>
<p class="option-title"><?php _e('Terms relation','post-grid'); ?></p>
<label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'IN') echo 'checked';?> value="IN" >IN</label>
<label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'NOT IN') echo 'checked';?> value="NOT IN" >NOT IN</label> <label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'AND') echo 'checked';?> value="AND" >AND</label>
<label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'EXISTS') echo 'checked';?> value="EXISTS" >EXISTS</label> <label><input type="radio" name="post_grid_meta_options[terms_relation]" <?php if($terms_relation == 'NOT EXISTS') echo 'checked';?> value="NOT EXISTS" >NOT EXISTS</label>
<p class="option-title"><?php _e('Taxonomy relation','post-grid'); ?></p>
<label><input type="radio" name="post_grid_meta_options[categories_relation]" <?php if($categories_relation == 'OR') echo 'checked';?> value="OR" >OR</label>
<label><input type="radio" name="post_grid_meta_options[categories_relation]" <?php if($categories_relation == 'AND') echo 'checked';?> value="AND" >AND</label>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Post Status','post-grid'); ?></p>
<p class="option-info"><?php _e('Display post from following post status, <br />Hint: Ctrl + click to select mulitple','post-grid'); ?></p>
<select class="post_status" name="post_grid_meta_options[post_status][]" multiple >
<option value="publish" <?php if(in_array("publish",$post_status)) echo "selected"; ?>>Publish</option>
<option value="pending" <?php if(in_array("pending",$post_status)) echo "selected"; ?>>Pending</option>
<option value="draft" <?php if(in_array("draft",$post_status)) echo "selected"; ?>>Draft</option>
<option value="auto-draft" <?php if(in_array("auto-draft",$post_status)) echo "selected"; ?>>Auto draft</option>
<option value="future" <?php if(in_array("future",$post_status)) echo "selected"; ?>>Future</option>
<option value="private" <?php if(in_array("private",$post_status)) echo "selected"; ?>>Private</option>
<option value="inherit" <?php if(in_array("inherit",$post_status)) echo "selected"; ?>>Inherit</option>
<option value="trash" <?php if(in_array("trash",$post_status)) echo "selected"; ?>>Trash</option>
<option value="any" <?php if(in_array("any",$post_status)) echo "selected"; ?>>Any</option>
</select>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Posts per page','post-grid'); ?></p>
<p class="option-info"><?php _e('Number of post each pagination. -1 to display all. default is 10 if you left empty.','post-grid'); ?></p>
<input type="text" placeholder="3" name="post_grid_meta_options[posts_per_page]" value="<?php if(!empty($posts_per_page)) echo $posts_per_page; ?>" />
</div>
<div class="option-box">
<p class="option-title"><?php _e('Offset','post-grid'); ?></p>
<p class="option-info"><?php _e('Display posts from the n\'th, if you set <b>Posts per page</b> to -1 will not work offset.','post-grid'); ?></p>
<input type="text" placeholder="3" name="post_grid_meta_options[offset]" value="<?php echo $offset; ?>" />
</div>
<div class="option-box">
<p class="option-title"><?php _e('Exclude by post ID','post-grid'); ?></p>
<p class="option-info"><?php _e('you can exclude post by ID, comma(,) separated','post-grid'); ?></p>
<input type="text" placeholder="5,3" name="post_grid_meta_options[exclude_post_id]" value="<?php if(!empty($exclude_post_id)) echo $exclude_post_id; else echo ''; ?>" />
</div>
<div class="option-box">
<p class="option-title"><?php _e('Post query order','post-grid'); ?></p>
<p class="option-info"><?php _e('Query order ascending or descending','post-grid'); ?></p>
<select class="query_order" name="post_grid_meta_options[query_order]" >
<option value="ASC" <?php if($query_order=="ASC") echo "selected"; ?>>Ascending</option>
<option value="DESC" <?php if($query_order=="DESC") echo "selected"; ?>>Descending</option>
</select>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Post query orderby','post-grid'); ?></p>
<p class="option-info"><?php _e('Query orderby parameter, can select multiple','post-grid'); ?></p>
<select class="query_orderby" name="post_grid_meta_options[query_orderby][]" multiple>
<option value="ID" <?php if(in_array("ID",$query_orderby)) echo "selected"; ?>><?php _e('ID','post-grid'); ?></option>
<option value="date" <?php if(in_array("date",$query_orderby)) echo "selected"; ?>><?php _e('Date','post-grid'); ?></option>
<option value="rand" <?php if(in_array("rand",$query_orderby)) echo "selected"; ?>><?php _e('Random','post-grid'); ?></option>
<option value="comment_count" <?php if(in_array("comment_count",$query_orderby)) echo "selected"; ?>><?php _e('Comment Count','post-grid'); ?></option>
<option value="author" <?php if(in_array("author",$query_orderby)) echo "selected"; ?>><?php _e('Author','post-grid'); ?></option>
<option value="title" <?php if(in_array("title",$query_orderby)) echo "selected"; ?>><?php _e('Title','post-grid'); ?></option>
<option value="name" <?php if(in_array("name",$query_orderby)) echo "selected"; ?>><?php _e('Name','post-grid'); ?></option>
<option value="type" <?php if(in_array("type",$query_orderby)) echo "selected"; ?>><?php _e('Type','post-grid'); ?></option>
<option value="menu_order" <?php if(in_array("menu_order",$query_orderby)) echo "selected"; ?>><?php _e('Menu order','post-grid'); ?></option>
<option value="meta_value" <?php if(in_array("meta_value",$query_orderby)) echo "selected"; ?>><?php _e('Meta Value','post-grid'); ?></option>
<option value="meta_value_num" <?php if(in_array("meta_value_num",$query_orderby)) echo "selected"; ?>><?php _e('Meta Value(number)','post-grid'); ?></option>
</select>
<br />
<input type="text" placeholder="meta_key" name="post_grid_meta_options[query_orderby_meta_key]" id="query_orderby_meta_key" value="<?php if(!empty($query_orderby_meta_key)) echo $query_orderby_meta_key; ?>" />
</div>
<div class="option-box">
<p class="option-title"><?php _e('Search keyword','post-grid'); ?></p>
<p class="option-info"><?php _e('Query post by search keyword, please follow the reference https://codex.wordpress.org/Class_Reference/WP_Query#Search_Parameter','post-grid'); ?></p>
<input type="text" placeholder="Keyword" name="post_grid_meta_options[keyword]" value="<?php if(!empty($keyword)) echo $keyword; else echo ''; ?>" />
<p class="option-info"><?php _e('Enable default keyword fetching','post-grid'); ?></p>
<select name="post_grid_meta_options[enable_default_keyword]">
<option value="yes" <?php if($enable_default_keyword=="yes") echo "selected"; ?>><?php _e('Yes','post-grid'); ?></option>
<option value="no" <?php if($enable_default_keyword=="no") echo "selected"; ?>><?php _e('No','post-grid'); ?></option>
</select>
</div>
</li>
<li style="display: none;" class="box3 tab-box ">
<div class="option-box">
<p class="option-title"><?php _e('Grid Layout','post-grid'); ?></p>
<p class="option-info"><?php _e('Fancy style layouts.','post-grid'); ?></p>
<label>
<input type="radio" <?php if($grid_layout_name=='layout_grid') echo 'checked' ?> name="post_grid_meta_options[grid_layout][name]" value="layout_grid"><img title="N - N" src="<?php echo post_grid_plugin_url; ?>assets/admin/images/layout_grid.png" />
</label>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Content Layout','post-grid'); ?></p>
<p class="option-info"><?php _e('Choose your Content layout','post-grid'); ?></p>
<?php
$class_post_grid_functions = new class_post_grid_functions();
?>
<div class="layout-list">
<div class="idle ">
<div class="name">Content
<select class="select-layout-content" name="post_grid_meta_options[layout][content]" >
<?php
$post_grid_layout_content = get_option('post_grid_layout_content');
if(empty($post_grid_layout_content)){
$layout_content_list = $class_post_grid_functions->layout_content_list();
}
else{
$layout_content_list = $post_grid_layout_content;
}
foreach($layout_content_list as $layout_key=>$layout_info){
?>
<option <?php if($layout_content==$layout_key) echo 'selected'; ?> value="<?php echo $layout_key; ?>"><?php echo $layout_key; ?></option>
<?php
}
?>
</select>
<a target="_blank" class="edit-layout" href="<?php echo admin_url().'edit.php?post_type=post_grid&page=post_grid_layout_editor&layout_content='.$layout_content;?>" >Edit</a>
</div>
<script>
jQuery(document).ready(function($)
{
$(document).on('change', '.select-layout-content', function()
{
var layout = $(this).val();
$('.edit-layout').attr('href', '<?php echo admin_url().'edit.php?post_type=post_grid&page=post_grid_layout_editor&layout_content='; ?>'+layout);
})
})
</script>
<?php
if(empty($layout_content)){
$layout_content = 'flat-left';
}
?>
<div class="layer-content">
<div class="<?php echo $layout_content; ?>">
<?php
$post_grid_layout_content = get_option( 'post_grid_layout_content' );
if(empty($post_grid_layout_content)){
$layout = $class_post_grid_functions->layout_content($layout_content);
}
else{
if(!empty($post_grid_layout_content[$layout_content])){
$layout = $post_grid_layout_content[$layout_content];
}
else{
$layout = array();
}
}
// $layout = $class_post_grid_functions->layout_content($layout_content);
//var_dump($layout);
foreach($layout as $item_key=>$item_info){
$item_key = $item_info['key'];
?>
<div class="item <?php echo $item_key; ?>" style=" <?php echo $item_info['css']; ?> ">
<?php
if($item_key=='thumb'){
?>
<img style="width:100%; height:auto;" src="<?php echo post_grid_plugin_url; ?>assets/admin/images/thumb.png" />
<?php
}
elseif($item_key=='title'){
?>
Lorem Ipsum is simply
<?php
}
elseif($item_key=='excerpt'){
?>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text
<?php
}
else{
echo $item_info['name'];
}
?>
</div>
<?php
}
?>
</div>
</div>
</div>
<div class="hover">
<div class="name">
<select class="select-layout-hover" name="post_grid_meta_options[layout][hover]" >
<?php
$layout_hover_list = $class_post_grid_functions->layout_hover_list();
foreach($layout_hover_list as $layout_key=>$layout_info){
?>
<option value="<?php echo $layout_key; ?>"><?php echo $layout_key; ?></option>
<?php
}
?>
</select>
Hover</div>
<div class="layer-hover">
<div class="title">Hello Title</div>
<div class="content">There are many variations of passages of Lorem Ipsum available, but the majority have.</div>
</div>
</div>
</div>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Skins','post-grid'); ?></p>
<p class="option-info"><?php _e('Select grid Skins','post-grid'); ?></p>
<?php
$skins = $class_post_grid_functions->skins();
?>
<div class="skin-list">
<?php
//var_dump($skin);
foreach($skins as $skin_slug=>$skin_info){
?>
<div class="skin-container">
<?php
if($skin==$skin_slug){
$checked = 'checked';
$selected_skin = 'selected';
}
else{
$checked = '';
$selected_skin = '';
}
?>
<div class="checked <?php echo $selected_skin; ?>">
<label><input <?php echo $checked; ?> type="radio" name="post_grid_meta_options[skin]" value="<?php echo $skin_slug; ?>" ><?php echo $skin_info['name']; ?></label>
</div>
<div class="skin <?php echo $skin_slug; ?>">
<?php
include post_grid_plugin_dir.'skins/index.php';
?>
</div>
</div>
<?php
}
?>
</div>
</div>
</li>
<li style="display: none;" class="box4 tab-box ">
<div class="option-box">
<p class="option-title"><?php _e('Masonry enable','post-grid'); ?></p>
<p class="option-info"><?php _e('Enable masonry style grid','post-grid'); ?></p>
<label><input <?php if($masonry_enable=='yes') echo 'checked'; ?> type="radio" name="post_grid_meta_options[masonry_enable]" value="yes" /><?php _e('Yes','post-grid'); ?></label><br />
<label><input <?php if($masonry_enable=='no') echo 'checked'; ?> type="radio" name="post_grid_meta_options[masonry_enable]" value="no" /><?php _e('No','post-grid'); ?></label><br />
</div>
<div class="option-box">
<p class="option-title"><?php _e('Lazy Load Enable','post-grid'); ?></p>
<p class="option-info"><?php _e('Gif animation when loading grid','post-grid'); ?></p>
<label><input <?php if($lazy_load_enable=='yes') echo 'checked'; ?> type="radio" name="post_grid_meta_options[lazy_load_enable]" value="yes" /><?php _e('Yes','post-grid'); ?></label><br />
<label><input <?php if($lazy_load_enable=='no') echo 'checked'; ?> type="radio" name="post_grid_meta_options[lazy_load_enable]" value="no" /><?php _e('No','post-grid'); ?></label><br />
<p class="option-info"><?php _e('Gif image source:','post-grid'); ?></p>
<img class="lazy_load_image" onClick="lazy_load_image_src(this)" src="<?php echo post_grid_plugin_url; ?>assets/admin/gif/ajax-loader-1.gif" />
<img class="lazy_load_image" onClick="lazy_load_image_src(this)" src="<?php echo post_grid_plugin_url; ?>assets/admin/gif/ajax-loader-2.gif" />
<img class="lazy_load_image" onClick="lazy_load_image_src(this)" src="<?php echo post_grid_plugin_url; ?>assets/admin/gif/ajax-loader-3.gif" />
<br>
<input type="text" id="lazy_load_image_src" class="lazy_load_image_src" name="post_grid_meta_options[lazy_load_image_src]" value="<?php echo $lazy_load_image_src; ?>" /> <div onClick="clear_lazy_load_src()" class="button clear-lazy-load-src"> Clear</div>
<script>
function lazy_load_image_src(img){
src =img.src;
document.getElementById('lazy_load_image_src').value = src;
}
function clear_lazy_load_src(){
document.getElementById('lazy_load_image_src').value = '';
}
</script>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Grid Items Width','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid item width for different device','post-grid'); ?></p>
<div class="">
Desktop:(min-width:1024px)<br>
<input type="text" name="post_grid_meta_options[width][desktop]" value="<?php echo $items_width_desktop; ?>" />
</div>
<br>
<div class="">
Tablet:( min-width:768px )<br>
<input type="text" name="post_grid_meta_options[width][tablet]" value="<?php echo $items_width_tablet; ?>" />
</div>
<br>
<div class="">
Mobile:( min-width : 320px, )<br>
<input type="text" name="post_grid_meta_options[width][mobile]" value="<?php echo $items_width_mobile; ?>" />
</div>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Grid Items Background color','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid item Background color','post-grid'); ?></p>
Background color type:<br>
<label><input <?php if($items_bg_color_type=='fixed') echo 'checked'; ?> type="radio" name="post_grid_meta_options[items_bg_color_type]" value="fixed" /><?php _e('Fixed','post-grid'); ?></label><br />
<br><br>
<?php _e('Fixed Background color:','post-grid'); ?> <br>
<input type="text" class="post-grid-color" name="post_grid_meta_options[items_bg_color]" value="<?php echo $items_bg_color; ?>" />
</div>
<div class="option-box">
<p class="option-title"><?php _e('Grid Items Height','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid item height','post-grid'); ?></p>
<label><input <?php if($items_height_style=='auto_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="auto_height" /><?php _e('Auto height','post-grid'); ?></label><br />
<label><input <?php if($items_height_style=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
<label><input <?php if($items_height_style=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
<div class="">
<input type="text" name="post_grid_meta_options[item_height][fixed_height]" value="<?php echo $items_fixed_height; ?>" />
</div>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Grid Items Margin','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid item margin','post-grid'); ?></p>
<div class="">
<input type="text" name="post_grid_meta_options[margin]" value="<?php echo $items_margin; ?>" />
</div>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Media Height','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid item media height','post-grid'); ?></p>
<label><input <?php if($items_media_height_style=='auto_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[media_height][style]" value="auto_height" /><?php _e('Auto height','post-grid'); ?></label><br />
<label><input <?php if($items_media_height_style=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[media_height][style]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
<label><input <?php if($items_media_height_style=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[media_height][style]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
<div class="">
<input type="text" name="post_grid_meta_options[media_height][fixed_height]" value="<?php echo $items_media_fixed_height; ?>" />
</div>
</div>
<div class="option-box">
<?php
$get_intermediate_image_sizes = get_intermediate_image_sizes();
?>
<p class="option-title"><?php _e('Featured Image size','post-grid'); ?></p>
<select name="post_grid_meta_options[featured_img_size]" >
<?php
foreach($get_intermediate_image_sizes as $size_key){
?>
<option value="<?php echo $size_key; ?>" <?php if($featured_img_size==$size_key)echo "selected"; ?>>
<?php
$size_key = str_replace('_', ' ',$size_key);
$size_key = str_replace('-', ' ',$size_key);
$size_key = ucfirst($size_key);
echo $size_key;
?>
</option>
<?php
}
?>
</select>
<p class="option-title"><?php _e('Featured Image linked to post','post-grid'); ?></p>
<select name="post_grid_meta_options[thumb_linked]" >
<option value="yes" <?php if($thumb_linked=="yes")echo "selected"; ?>><?php _e('Yes','post-grid'); ?></option>
<option value="no" <?php if($thumb_linked=="no")echo "selected"; ?>><?php _e('No','post-grid'); ?></option>
</select>
<p class="option-title"><?php _e('Media source','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid item media source <br />N.B. First gallery from content, First youtube video from content, First vimeo video from content, First MP3 from content, First SoundCloud from content will not retrive for "page"','post-grid'); ?></p>
<?php
if(empty($media_source)){
$media_source = $class_post_grid_functions->media_source();
}
else{
//$media_source_main = $class_post_grid_functions->media_source();
$media_source = $media_source;
}
?>
<div class="media-source-list expandable">
<?php
foreach($media_source as $source_key=>$source_info){
?>
<div class="items">
<div class="header">
<input type="hidden" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][id]" value="<?php echo $source_info['id']; ?>" />
<input type="hidden" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][title]" value="<?php echo $source_info['title']; ?>" />
<label>
<input <?php if(!empty($source_info['checked'])) echo 'checked'; ?> type="checkbox" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][checked]" value="yes" />
<?php echo $source_info['title']; ?>
</label>
</div>
</div>
<?php
}
?>
</div>
<script>
jQuery(document).ready(function($)
{
$( ".media-source-list" ).sortable({revert: "invalid"});
})
</script>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Grid Container options','post-grid'); ?></p>
<p class="option-info"><?php _e('Grid container ','post-grid'); ?></p>
<div class="">
Padding: <br>
<input type="text" name="post_grid_meta_options[container][padding]" value="<?php echo $container_padding; ?>" />
</div>
<br>
<div class="">
Background color: <br>
<input type="text" class="post-grid-color" name="post_grid_meta_options[container][bg_color]" value="<?php echo $container_bg_color; ?>" />
</div>
<br>
<div class="">
Background image: <br>
<img class="bg_image_src" onClick="bg_img_src(this)" src="<?php echo post_grid_plugin_url; ?>assets/admin/bg/dark_embroidery.png" />
<img class="bg_image_src" onClick="bg_img_src(this)" src="<?php echo post_grid_plugin_url; ?>assets/admin/bg/dimension.png" />
<img class="bg_image_src" onClick="bg_img_src(this)" src="<?php echo post_grid_plugin_url; ?>assets/admin/bg/eight_horns.png" />
<br>
<input type="text" id="container_bg_image" class="container_bg_image" name="post_grid_meta_options[container][bg_image]" value="<?php echo $container_bg_image; ?>" /> <div onClick="clear_container_bg_image()" class="button clear-container-bg-image"> Clear</div>
<script>
function bg_img_src(img){
src =img.src;
document.getElementById('container_bg_image').value = src;
}
function clear_container_bg_image(){
document.getElementById('container_bg_image').value = '';
}
</script>
</div>
</div>
</li>
<li style="display: none;" class="box5 tab-box ">
<div class="option-box">
<p class="option-title"><?php _e('Grid Type','post-grid'); ?></p>
<p class="option-info"><?php _e('Select grid type.','post-grid'); ?></p>
<label><input class="grid_type" <?php if($grid_type=='grid') echo 'checked'; ?> type="radio" name="post_grid_meta_options[grid_type]" value="grid" />Grid</label>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Navigation','post-grid'); ?></p>
<p class="option-info"><?php _e('Pagination.','post-grid'); ?></p>
<label><input class="pagination_type" <?php if($pagination_type=='none') echo 'checked'; ?> type="radio" name="post_grid_meta_options[nav_bottom][pagination_type]" value="none" />None</label>
<label><input class="pagination_type" <?php if($pagination_type=='normal') echo 'checked'; ?> type="radio" name="post_grid_meta_options[nav_bottom][pagination_type]" value="normal" />Normal Pagination</label>
<p class="option-info"><?php _e('Search.','post-grid'); ?></p>
<label><input class="nav_top_search" <?php if($nav_top_search=='yes') echo 'checked'; ?> type="radio" name="post_grid_meta_options[nav_top][search]" value="yes" />Yes</label>
<label><input class="nav_top_search" <?php if($nav_top_search=='no') echo 'checked'; ?> type="radio" name="post_grid_meta_options[nav_top][search]" value="no" />No</label>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Pagination','post-grid'); ?></p>
<p class="option-info"><?php _e('Max number of pagination, keep 0 (zero) for auto.','post-grid'); ?></p>
<input type="text" name="post_grid_meta_options[pagination][max_num_pages]" value="<?php echo $max_num_pages; ?>" />
<p class="option-info"><?php _e('Pagination Previous text','post-grid'); ?></p>
<input type="text" name="post_grid_meta_options[pagination][prev_text]" value="<?php echo $pagination_prev_text; ?>" />
<p class="option-info"><?php _e('Pagination Next text','post-grid'); ?></p>
<input type="text" name="post_grid_meta_options[pagination][next_text]" value="<?php echo $pagination_next_text; ?>" />
<p class="option-info"><?php _e('Pagination themes','post-grid'); ?></p>
<label><input <?php if($pagination_theme=='lite') echo 'checked'; ?> type="radio" name="post_grid_meta_options[nav_bottom][pagination_theme]" value="lite" /><?php _e('Lite','post-grid'); ?></label>
<label><input <?php if($pagination_theme=='dark') echo 'checked'; ?> type="radio" name="post_grid_meta_options[nav_bottom][pagination_theme]" value="dark" /><?php _e('Dark','post-grid'); ?></label>
</div>
</li>
<li style="display: none;" class="box6 tab-box ">
<div class="option-box">
<p class="option-title"><?php _e('Custom Js','post-grid'); ?></p>
<p class="option-info"><?php _e('Add your custom js','post-grid'); ?></p>
<textarea id="custom_js" name="post_grid_meta_options[custom_js]" ><?php echo $custom_js; ?></textarea>
</div>
<div class="option-box">
<p class="option-title"><?php _e('Custom CSS','post-grid'); ?></p>
<p class="option-info"><?php _e('Add your custom CSS','post-grid'); ?></p>
<textarea id="custom_css" name="post_grid_meta_options[custom_css]" ><?php echo $custom_css; ?></textarea>
</div>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("custom_js"), {
lineNumbers: true,
scrollbarStyle: "simple"
});
var editor = CodeMirror.fromTextArea(document.getElementById("custom_css"), {
lineNumbers: true,
scrollbarStyle: "simple"
});
</script>
</li>
</ul>
</div>
<?php
}
/**
* When the post is saved, saves our custom data.
*
* @param int $post_id The ID of the post being saved.
*/
function meta_boxes_post_grid_save( $post_id ) {
/*
* We need to verify this came from the our screen and with proper authorization,
* because save_post can be triggered at other times.
*/
// Check if our nonce is set.
if ( ! isset( $_POST['meta_boxes_post_grid_input_nonce'] ) )
return $post_id;
$nonce = $_POST['meta_boxes_post_grid_input_nonce'];
// Verify that the nonce is valid.
if ( ! wp_verify_nonce( $nonce, 'meta_boxes_post_grid_input' ) )
return $post_id;
// If this is an autosave, our form has not been submitted, so we don't want to do anything.
if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE )
return $post_id;
/* OK, its safe for us to save the data now. */
// Sanitize user input.
$post_grid_meta_options = stripslashes_deep( $_POST['post_grid_meta_options'] );
update_post_meta( $post_id, 'post_grid_meta_options', $post_grid_meta_options );
}
add_action( 'save_post', 'meta_boxes_post_grid_save' );
?>