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_post_per_page = get_post_meta($post->ID, 'post_grid_post_per_page', true);
$post_grid_themes = get_post_meta($post->ID, 'post_grid_themes', true);
$post_grid_masonry_enable = get_post_meta($post->ID, 'post_grid_masonry_enable', true);
$post_grid_bg_img = get_post_meta($post->ID, 'post_grid_bg_img', true);
$post_grid_thumb_size = get_post_meta($post->ID, 'post_grid_thumb_size', true);
$post_grid_empty_thumb = get_post_meta($post->ID, 'post_grid_empty_thumb', true);
$post_grid_pagination_display = get_post_meta($post->ID, 'post_grid_pagination_display', true);
$post_grid_excerpt_count = get_post_meta($post->ID, 'post_grid_excerpt_count', true);
$post_grid_read_more_text = get_post_meta($post->ID, 'post_grid_read_more_text', true);
$post_grid_exclude_post_id = get_post_meta($post->ID, 'post_grid_exclude_post_id', true);
$post_grid_query_order = get_post_meta($post->ID, 'post_grid_query_order', true);
$post_grid_query_orderby = get_post_meta($post->ID, 'post_grid_query_orderby', true);
$post_grid_posttype = get_post_meta($post->ID, 'post_grid_posttype', true);
$post_grid_taxonomy = get_post_meta($post->ID, 'post_grid_taxonomy', true);
$post_grid_taxonomy_category = get_post_meta($post->ID, 'post_grid_taxonomy_category', true);
$post_grid_items_width = get_post_meta($post->ID, 'post_grid_items_width', true);
$post_grid_items_width_mobile = get_post_meta($post->ID, 'post_grid_items_width_mobile', true);
$post_grid_thumb_height = get_post_meta($post->ID, 'post_grid_thumb_height', true);
$post_grid_meta_author_display = get_post_meta($post->ID, 'post_grid_meta_author_display', true);
$post_grid_meta_avatar_display = get_post_meta($post->ID, 'post_grid_meta_avatar_display', true);
$post_grid_meta_date_display = get_post_meta($post->ID, 'post_grid_meta_date_display', true);
$post_grid_meta_categories_display = get_post_meta($post->ID, 'post_grid_meta_categories_display', true);
$post_grid_meta_tags_display = get_post_meta($post->ID, 'post_grid_meta_tags_display', true);
$post_grid_meta_comments_display = get_post_meta($post->ID, 'post_grid_meta_comments_display', true);
$post_grid_items = get_post_meta($post->ID, 'post_grid_items', true);
$post_grid_items_display = get_post_meta($post->ID, 'post_grid_items_display', true);
$post_grid_post_meta_fields = get_post_meta($post->ID, 'post_grid_post_meta_fields', true);
$post_grid_post_title_linked = get_post_meta($post->ID, 'post_grid_post_title_linked', true);
$post_grid_post_thumbnail_linked = get_post_meta($post->ID, 'post_grid_post_thumbnail_linked', true);
$post_grid_post_thumbnail_external = get_post_meta($post->ID, 'post_grid_post_thumbnail_external', true);
$post_grid_hover_items_zoom_display = get_post_meta($post->ID, 'post_grid_hover_items_zoom_display', true);
$post_grid_hover_items_link_display = get_post_meta($post->ID, 'post_grid_hover_items_link_display', true);
$post_grid_hover_items_share_display = get_post_meta($post->ID, 'post_grid_hover_items_share_display', true);
$post_grid_title_color = get_post_meta($post->ID, 'post_grid_title_color', true);
$post_grid_title_font_size = get_post_meta($post->ID, 'post_grid_title_font_size', true);
$post_grid_content_color = get_post_meta($post->ID, 'post_grid_content_color', true);
$post_grid_content_font_size = get_post_meta($post->ID, 'post_grid_content_font_size', true);
$post_grid_mixitup_post_per_page = get_post_meta($post->ID, 'post_grid_mixitup_post_per_page', true);
$post_grid_mixitup_default_filter = get_post_meta($post->ID, 'post_grid_mixitup_default_filter', true);
$post_grid_hover_items_hover_effect_in = get_post_meta($post->ID, 'post_grid_hover_items_hover_effect_in', true);
$post_grid_custom_css = get_post_meta($post->ID, 'post_grid_custom_css', true);
?>
<div class="para-settings post-grid-settings">
<div class="option-box">
<p class="option-title">Shortcode</p>
<p class="option-info">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.</p>
<textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" >[post_grid <?php
echo ' id="' . $post->ID . '"';
?>
]</textarea>
<br /><br />
PHP Code:<br />
<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>
<ul class="tab-nav">
<li nav="1" class="nav1 active">Options</li>
<li nav="2" class="nav2">Style</li>
<li nav="3" class="nav3">Content</li>
<li nav="4" class="nav4">MixItUp</li>
<li nav="5" class="nav5">Grid Builder</li>
<li nav="6" class="nav6">Custom CSS</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">Grid Post per page/Total post on grid</p>
<p class="option-info">you can display pagination by set value post per page or display total max number of post on grid.</p>
<input type="text" size="5" name="post_grid_post_per_page" value="<?php
if (!empty($post_grid_post_per_page)) {
echo $post_grid_post_per_page;
} else {
echo 10;
}
?>
" />
</div>
<div class="option-box">
<p class="option-title">Display Pagination</p>
<p class="option-info"></p>
<select name="post_grid_pagination_display" >
<option value="pagination" <?php
if ($post_grid_pagination_display == "pagination") {
echo "selected";
}
?>
>Pagination</option>
<option value="load_more" <?php
if ($post_grid_pagination_display == "load_more") {
echo "selected";
}
?>
>Load More</option>
<option value="no" <?php
if ($post_grid_pagination_display == "no") {
echo "selected";
}
?>
>No</option>
</select>
</div>
<div class="option-box">
<p class="option-title">Grid items width</p>
<p class="option-info">Value with px, or %</p>
<br>
In Destop: <br>
<input type="text" placeholder="ex: 250px" size="10" name="post_grid_items_width" value="<?php
if (!empty($post_grid_items_width)) {
echo $post_grid_items_width;
}
?>
" />
<br><br>
In Mobile & Tabs: <br>
<input type="text" placeholder="ex: 250px" size="10" name="post_grid_items_width_mobile" value="<?php
if (!empty($post_grid_items_width_mobile)) {
echo $post_grid_items_width_mobile;
}
?>
" />
</div>
<div class="option-box">
<p class="option-title">Grid thumbnail height</p>
<p class="option-info">Value with px</p>
<input type="text" placeholder="ex: 150px" size="10" name="post_grid_thumb_height" value="<?php
if (!empty($post_grid_thumb_height)) {
echo $post_grid_thumb_height;
}
?>
" />
</div>
</li>
<li style="display: none;" class="box2 tab-box ">
<div class="option-box">
<p class="option-title">Themes</p>
<p class="option-info"></p>
<?php
$class_post_grid_functions = new class_post_grid_functions();
$themes_list = $class_post_grid_functions->post_grid_themes();
$post_grid_themes_list = $themes_list;
?>
<select name="post_grid_themes" >
<?php
foreach ($post_grid_themes_list as $theme_key => $theme_name) {
echo '<option value="' . $theme_key . '"';
if ($post_grid_themes == $theme_key) {
echo 'selected="selected"';
}
echo ' >' . $theme_name . '</option>';
}
?>
</select>
</div>
<div class="option-box">
<p class="option-title">Active Masonry Grid</p>
<p class="option-info">Masonry Style grid.</p>
<select name="post_grid_masonry_enable" >
<option value="no" <?php
if ($post_grid_masonry_enable == "no") {
echo "selected";
}
?>
>No</option>
<option value="yes" <?php
if ($post_grid_masonry_enable == "yes") {
echo "selected";
}
?>
>Yes</option>
</select>
</div>
<div class="option-box">
<p class="option-title"><?php
_e('Background Image.', 'post_grid');
?>
</p>
<p class="option-info"><?php
_e('Background image for post grid area.', 'post_grid');
?>
</p>
<script>
jQuery(document).ready(function(jQuery)
{
jQuery(".post_grid_bg_img_list li").click(function()
{
jQuery('.post_grid_bg_img_list li.bg-selected').removeClass('bg-selected');
jQuery(this).addClass('bg-selected');
var post_grid_bg_img = jQuery(this).attr('data-url');
jQuery('#post_grid_bg_img').val(post_grid_bg_img);
})
})
</script>
<?php
$dir_path = post_grid_plugin_dir . "css/bg/";
$filenames = glob($dir_path . "*.png*");
$post_grid_bg_img = get_post_meta($post->ID, 'post_grid_bg_img', true);
if (empty($post_grid_bg_img)) {
$post_grid_bg_img = "";
}
$count = count($filenames);
$i = 0;
echo "<ul class='post_grid_bg_img_list' >";
while ($i < $count) {
$filelink = str_replace($dir_path, "", $filenames[$i]);
$filelink = post_grid_plugin_url . "css/bg/" . $filelink;
if ($post_grid_bg_img == $filelink) {
echo '<li class="bg-selected" data-url="' . $filelink . '">';
} else {
echo '<li data-url="' . $filelink . '">';
}
echo "<img width='70px' height='50px' src='" . $filelink . "' />";
echo "</li>";
$i++;
}
echo "</ul>";
echo "<input style='width:100%;' value='" . $post_grid_bg_img . "' placeholder='Please select image or left blank' id='post_grid_bg_img' name='post_grid_bg_img' type='text' />";
?>
</div>
<div class="option-box">
<p class="option-title"><?php
_e('Thumbnail Size.', 'post_grid');
?>
</p>
<p class="option-info"><?php
_e('Thumbnail size of member on grid.', 'post_grid');
?>
</p>
<select name="post_grid_thumb_size" >
<option value="none" <?php
if ($post_grid_thumb_size == "none") {
echo "selected";
}
?>
>None</option>
<option value="thumbnail" <?php
if ($post_grid_thumb_size == "thumbnail") {
echo "selected";
}
?>
>Thumbnail</option>
<option value="medium" <?php
if ($post_grid_thumb_size == "medium") {
echo "selected";
}
?>
>Medium</option>
<option value="large" <?php
if ($post_grid_thumb_size == "large") {
echo "selected";
}
?>
>Large</option>
<option value="full" <?php
if ($post_grid_thumb_size == "full") {
echo "selected";
}
?>
>Full</option>
</select>
</div>
<div class="option-box">
<p class="option-title">Empty Thumbnail</p>
<p class="option-info"></p>
<input type="text" name="post_grid_empty_thumb" id="post_grid_empty_thumb" value="<?php
if (!empty($post_grid_empty_thumb)) {
echo $post_grid_empty_thumb;
}
?>
" /><br />
<input id="post_grid_empty_thumb_upload" class="post_grid_empty_thumb_upload button" type="button" value="Upload Image" />
<br />
<?php
if (empty($post_grid_empty_thumb)) {
?>
<img class="post_grid_empty_thumb_display" width="300px" src="<?php
echo post_grid_plugin_url . 'css/no-thumb.png';
?>
" />
<?php
} else {
?>
<img class="post_grid_empty_thumb_display" width="300px" src="<?php
echo $post_grid_empty_thumb;
?>
" />
<?php
}
?>
<script>
jQuery(document).ready(function($){
var custom_uploader;
jQuery('#post_grid_empty_thumb_upload').click(function(e) {
e.preventDefault();
//If the uploader object has already been created, reopen the dialog
if (custom_uploader) {
custom_uploader.open();
return;
}
//Extend the wp.media object
custom_uploader = wp.media.frames.file_frame = wp.media({
title: 'Choose Image',
button: {
text: 'Choose Image'
},
multiple: false
});
//When a file is selected, grab the URL and set it as the text field's value
custom_uploader.on('select', function() {
attachment = custom_uploader.state().get('selection').first().toJSON();
jQuery('#post_grid_empty_thumb').val(attachment.url);
jQuery('.post_grid_empty_thumb_display').attr('src',attachment.url);
});
//Open the uploader dialog
custom_uploader.open();
});
})
</script>
</div>
</li>
<li style="display: none;" class="box3 tab-box ">
<div class="option-box">
<p class="option-title">Post Query</p>
<p class="option-info"></p>
<div class="expandable">
<div class="items">
<div class="header">Post Types</div>
<div class="options">
<?php
$post_types = get_post_types('', 'names');
foreach ($post_types as $post_type) {
if ($post_type == 'post') {
echo '<label><input type="checkbox" name="post_grid_posttype[' . $post_type . ']" value ="' . $post_type . '" ';
if (isset($post_grid_posttype[$post_type])) {
echo "checked";
}
echo ' >' . $post_type . '</label><br />';
} else {
echo '<label><input type="checkbox" name="post_grid_posttype[' . $post_type . ']" value ="' . $post_type . '" ';
if (isset($post_grid_posttype[$post_type])) {
echo "checked";
}
echo ' >' . $post_type . '</label><br />';
}
}
?>
</div>
</div>
<div class="items">
<div class="header"><?php
_e('Post query order', 'post_grid');
?>
</div>
<div class="options">
<select name="post_grid_query_order" >
<option value="ASC" <?php
if ($post_grid_query_order == "ASC") {
echo "selected";
}
?>
>ASC</option>
<option value="DESC" <?php
if ($post_grid_query_order == "DESC") {
echo "selected";
}
?>
>DESC</option>
</select>
</div>
</div>
<div class="items">
<div class="header"><?php
_e('Post query orderby', 'post_grid');
?>
</div>
<div class="options">
<select name="post_grid_query_orderby" >
<option value="none" <?php
if ($post_grid_query_orderby == "none") {
echo "selected";
}
?>
>None</option>
<option value="ID" <?php
if ($post_grid_query_orderby == "ID") {
echo "selected";
}
?>
>ID</option>
<option value="date" <?php
if ($post_grid_query_orderby == "date") {
echo "selected";
}
?>
>Date</option>
<option value="rand" <?php
if ($post_grid_query_orderby == "rand") {
echo "selected";
}
?>
>Rand</option> <option value="comment_count" <?php
if ($post_grid_query_orderby == "comment_count") {
echo "selected";
}
?>
>Comment Count</option>
<option value="author" <?php
if ($post_grid_query_orderby == "author") {
echo "selected";
}
?>
>Author</option>
<option value="title" <?php
if ($post_grid_query_orderby == "title") {
echo "selected";
}
?>
>Title</option>
<option value="name" <?php
if ($post_grid_query_orderby == "name") {
echo "selected";
}
?>
>Name</option> <option value="type" <?php
if ($post_grid_query_orderby == "type") {
echo "selected";
}
?>
>Type</option>
</select>
</div>
</div>
<div class="items">
<div class="header"><?php
_e('Post Taxonomy & Catgory', 'post_grid');
?>
</div>
<div class="options">
<div class="post-grid-reset-taxonomy button">Reset Taxonomy</div>
<table style="width:100%;" >
<tr style="overflow:scroll; vertical-align:top;">
<td style="overflow:scroll; vertical-align:top; padding:0; width:45%;">
<?php
$post_grid_taxonomies = get_object_taxonomies($post_grid_posttype);
if (!empty($post_grid_taxonomies)) {
foreach ($post_grid_taxonomies as $taxonomy) {
?>
<label ><input type="radio" class="post_grid_taxonomy" name="post_grid_taxonomy" value="<?php
echo $taxonomy;
?>
" <?php
if ($post_grid_taxonomy == $taxonomy) {
echo "checked";
}
?>
/><?php
echo $taxonomy;
?>
</label><br />
<?php
}
} else {
if (empty($post_grid_posttype)) {
echo 'Please choose at least one post type and update settings.';
} else {
echo 'No Taxomony found for ';
echo '<strong>' . implode(', ', $post_grid_posttype) . '</strong>';
}
}
?>
</td>
<td style=" height:auto;vertical-align:top; padding:0; width:45%;">
<span class="post_grid_loading_taxonomy_category" ></span>
<div class="post_grid_taxonomy_category">
<?php
if (!empty($post_grid_taxonomy)) {
post_grid_get_taxonomy_category($post->ID);
} else {
}
?>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="items">
<div class="header">Excerpt</div>
<div class="options">
<p class="option-info">Content excerpt count</p>
<input type="text" placeholder="30" name="post_grid_excerpt_count" value="<?php
if (!empty($post_grid_excerpt_count)) {
echo $post_grid_excerpt_count;
}
?>
" /><br />
<p class="option-info">Read more Text</p>
<input type="text" placeholder="Read More" name="post_grid_read_more_text" value="<?php
if (!empty($post_grid_read_more_text)) {
echo $post_grid_read_more_text;
} else {
echo 'Read More';
}
?>
" />
</div>
</div>
<div class="items">
<div class="header">Exclude</div>
<div class="options">
you can exclude post by ID, comma(,) separated<br/>
<input type="text" placeholder="5,3" name="post_grid_exclude_post_id" value="<?php
if (!empty($post_grid_exclude_post_id)) {
echo $post_grid_exclude_post_id;
} else {
echo '';
}
?>
" />
</div>
</div>
</div>
</div>
</li>
<li style="display: none;" class="box4 tab-box ">
<div class="option-box">
<p class="option-title">MixItUp Post per page.</p>
<p class="option-info"></p>
<input type="text" size="5" name="post_grid_mixitup_post_per_page" value="<?php
if (!empty($post_grid_mixitup_post_per_page)) {
echo $post_grid_mixitup_post_per_page;
} else {
echo 6;
}
?>
" />
</div>
<div class="option-box">
<p class="option-title">MixitUp default active filter.</p>
<p class="option-info"></p>
<?php
//var_dump($post_grid_taxonomy_terms);
//$post_grid_taxonomy = 'post_grid_group';
$post_grid_taxonomy_terms = $post_grid_taxonomy_category;
if (!empty($post_grid_taxonomy_terms)) {
foreach ($post_grid_taxonomy_terms as $term_id) {
$term = get_term($term_id, $post_grid_taxonomy);
$term_slug = $term->slug;
$term_name = $term->name;
echo '<label><input type="radio" name="post_grid_mixitup_default_filter" value="' . $term_slug . '" ';
if ($post_grid_mixitup_default_filter == $term_slug) {
echo 'checked';
}
echo '/>' . $term_name . '</label><br />';
}
} else {
echo 'Please select post_grid group first from <b>Content(tab) > Filter Member > Display from Member Group</b>.';
}
?>
</div>
</li>
<li style="display: none;" class="box5 tab-box ">
<div class="option-box">
<p class="option-title">Grid Builder</p>
<p class="option-info"></p>
<?php
$Postgridbuilder = new PostgridClass();
echo $Postgridbuilder->settings_grid_items();
?>
<script>
jQuery(document).ready(function($)
{
jQuery(function() {
$( ".items-container" ).sortable();
//$( ".items-container" ).disableSelection();
});
})
</script>
</div>
</li>
<li style="display: none;" class="box6 tab-box">
<div class="option-box">
<p class="option-title"><?php
_e('Custom CSS for this Post Grid.', 'post_grid');
?>
</p>
<p class="option-info">Do not use <style></style> tag, you can use bellow prefix to your css, sometime you need use "!important" to overrid.
<br/>
<b>#post-grid-container-<?php
echo $post->ID;
?>
</b>
</p>
<?php
$empty_css_sample = '.post-grid-container-' . $post->ID . '{}\\n.post-grid-container-' . $post->ID . ' .post-grid-items{}\\n.post-grid-container-' . $post->ID . ' .grid-single{}';
?>
<textarea style="width:80%; min-height:150px" name="post_grid_custom_css"><?php
if (!empty($post_grid_custom_css)) {
echo htmlentities($post_grid_custom_css);
} else {
echo str_replace('\\n', PHP_EOL, $empty_css_sample);
}
?>
</textarea>
</div>
</li>
</ul>
</div>
<script>
jQuery(document).ready(function($)
{
<?php
$post_grid_license_key = get_option('post_grid_license_key');
if (empty($post_grid_license_key)) {
echo '$("#post_grid_metabox .para-settings").fadeOut();';
echo '$("#post_grid_metabox .inside").html("<b>' . post_grid_plugin_name . ' Error:</b> Please activate your license.");';
}
?>
});
</script>
<?php
}
