/**
* Render the field
*/
public function render_plan_items_manager($field, $field_escaped_value, $field_object_id, $field_object_type, $field_type_object)
{
global $post;
if (!class_exists('ForestTemplateLoader')) {
$this->admin_error_notice(__("Missing the forest ajax plugin.", 'forest-manager'));
return;
}
//used to load segments of html fom temeplates
$template_loader = new ForestTemplateLoader(PLAN_MNGR_ROOTDIR);
echo $field_type_object->input(array('type' => 'hidden', 'desc' => ''));
$screen = get_current_screen();
$is_new = isset($screen) && $screen->id == 'forest_plan' && $screen->action == 'add' && $screen->base == 'post';
//Security nounce
wp_nonce_field('plan_item_manager', '_plan_item_manager_nounce');
//region ---------------Handle arguments--------------------
//if the developer using this field forgot to set a custom type use posts
if (!array_key_exists('post_type', $field->args)) {
$field->args['post_type'] = array('posts');
} elseif (!is_array($field->args['post_type'])) {
$field->args['post_type'] = explode(',', trim($field->args['post_type']));
}
if (!array_key_exists('columns', $field->args)) {
$field->args['columns'] = array('ID' => __('Id', 'forest-manager'), 'post_title' => __('Title', 'forest-manager'));
//basic columns for posts...add your own
}
if (!array_key_exists('sort_by', $field->args)) {
$field->args['sort_by'] = array('post_date' => 'DESC');
//default sort
}
//endregion
//the text translations...for js
$lables = array('loading' => __('Loading...', 'forest-manager'), 'ServerError' => __('Server error. Please try again.', 'forest-manager'), 'PleaseSelect' => __('Please select', 'forest-manager'), 'NoItems' => __('No Items', 'forest-manager'), 'MissingSearchCreteria' => __('Missing Search Creteria.', 'forest-manager'), 'MissingItemType' => __('Missing Item Type.', 'forest-manager'), 'LinkBackVarId' => 'plan_id');
?>
<!-- wrapper -->
<div id="<?php
echo esc_js($field->args('id'));
?>
_wrapper">
<div>
<!-- Nav tabs -->
<ul id="plan-tabs" class="nav nav-tabs" role="tablist">
<li role="presentation"> </li>
<li role="presentation" class="active"><a href="#overview" aria-controls="overview" role="tab" data-toggle="tab"><?php
_e('Overview', 'forest-manager');
?>
</a></li>
<li role="presentation"<?php
echo $is_new ? ' class="disabled"' : '';
?>
><a href="#edit" aria-controls="edit" role="tab" data-toggle="tab"><?php
_e('Edit', 'forest-manager');
?>
</a></li>
<li role="presentation"<?php
echo $is_new ? ' class="disabled"' : '';
?>
><a href="#maps" aria-controls="maps" role="tab" data-toggle="tab"><?php
_e('Maps', 'forest-manager');
?>
</a></li>
<li role="presentation"<?php
echo $is_new ? ' class="disabled"' : '';
?>
><a href="#reports" aria-controls="reports" role="tab" data-toggle="tab"><?php
_e('Reports', 'forest-manager');
?>
</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><?php
_e('Settings', 'forest-manager');
?>
</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- OVERVIEW -->
<div role="tabpanel" class="tab-pane padded active in" id="overview">
<?php
if ($is_new) {
$template_loader->get_template_part('plan', 'create');
}
?>
<?php
// wp_editor( __('Overview', 'forest-manager'), $field->args( 'id' ) . '_overview' , $settings = array() );
?>
</div>
<!-- EDIT -->
<div role="tabpanel" class="tab-pane" id="edit">
<div id="edit-tab-filter" class="filter-box bg-info">
<label for="tree-card-title-search"><?php
_e('Filter', 'forest-manager');
?>
</label>
<select style="width:180px;">
<option value=""></option>
<?php
$objects = $this->get_plan_object_types();
foreach ($objects as $id => $name) {
echo '<option value="' . $id . '">' . $name . '</option>';
}
?>
</select>
<input type="text" class="search-term" placeholder="Name"/>
<button class="btn btn-primary search" tooltip="<?php
_e('click to filter', 'forest-manager');
?>
">
<i class="fa fa-filter"></i></button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add-items-modal">
<i class="fa fa-plus"></i>
</button>
<div class="btn-group alignright">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
<!--Main Plan Items Table-->
<table class="post-type-table table table-hover table-condensed table-striped plan-items" data-filter-id="edit-tab-filter">
<caption class="notice">
<div class="river-waiting">
<span class="spinner"></span>
</div>
<em class="query-notice-default"><?php
_e('Loaded recent objects. Enter a filter to search for more...', 'forest-manager');
?>
</em>
</caption>
<thead>
<?php
$this->the_column_headers($field->args['columns'], $field->args['sort_by']);
?>
</thead>
<tbody>
<?php
//Get post id for plan. If new -1.
$plan_id = array_key_exists('post', $_GET) ? $_GET['post'] : -1;
//get recent plan objects
$query = new PlanDbQuery($plan_id);
$items = $query->get_recent_plan_items();
?>
<?php
if ($query->have_items()) {
?>
<!-- the loop -->
<?php
foreach ($items as $item) {
?>
<?php
$edit_url = get_edit_post_link($item->ID) . '&' . $this->get_plan_link_id() . '=' . $plan_id;
?>
<tr>
<td>
<input type="checkbox" name="item_select"/>
</td>
<td>
<?php
echo sprintf('<a href="%s">%s</a>', $edit_url, $item->post_title);
?>
</td>
<td>
<?php
echo $item->post_status;
?>
</td>
<td>
<?php
echo $item->post_date;
?>
</td>
<td>
<?php
echo $item->post_author_name;
?>
</td>
<td>
<?php
echo $item->post_type;
?>
</td>
</tr>
<?php
}
?>
<!-- end of the loop -->
<?php
} else {
?>
<tr><td colspan="6" class="no-items"><?php
_e('Sorry, no items found.');
?>
</td></tr>
<?php
}
?>
</tbody>
<tfoot>
<tr>
<td colspan="6">
<div class="pagination-container">
<?php
$this->bootstrap_pagination($query);
?>
</div>
</td>
</tr>
</tfoot>
</table>
<?php
wp_reset_postdata();
?>
<!-- Modal Dialog-->
<div class="modal fade" id="add-items-modal" tabindex="-1" role="dialog" aria-labelledby="add-title-label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-title-label"><?php
_e('The Title', 'forest-manager');
?>
</h4>
</div>
<div class="modal-body">
<div id="add-items-filter" class="filter-box bg-info">
<label for="filter-tree-species"><?php
_e('Find', 'forest-manager');
?>
</label>
<select style="width:180px;">
<option value=""></option>
<?php
$objects = $this->get_plan_object_types();
foreach ($objects as $id => $name) {
echo '<option value="' . $id . '">' . $name . '</option>';
}
?>
</select>
<input type="text" class="search-term" placeholder="<?php
_e('Enter a search string', 'forest-manager');
?>
">
<button type="submit" class="btn btn-primary"><i class="fa fa-filter"></i></button>
</div>
<div class="items">
<table class="post-type-table table table-hover table-condensed table-striped" data-filter-id="add-items-filter">
<caption>
<div class="river-waiting">
<span class="spinner"></span>
</div>
<em><?php
_e('Loading...', 'forest-manager');
?>
</em>
</caption>
<thead>
<?php
$this->the_column_headers($field->args['columns'], $field->args['sort_by']);
?>
</thead>
<tbody>
<tr>
<td colspan="6" class="message no-items"><?php
_e('No items', 'forest-manager');
?>
</td>
</tr>
<?php
//The rows and cells are added in the JS using Ajax call.
//@see: cmb2-field-plan-items-manager.js
?>
</tbody>
<tfoot class="hidden">
<tr>
<td colspan="6">
<div class="pagination-container">
<?php
//The pagination control is created using js.
//@see:cmb2-field-plan-items-manager.js
?>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div><!--modal body end-->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"><?php
_e('Close', 'forest-manager');
?>
</button>
<button type="button" class="btn btn-primary"><?php
_e('Add Item', 'forest-manager');
?>
</button>
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane padded" id="maps">The Maps</div>
<div role="tabpanel" class="tab-pane padded" id="reports">The Reports</div>
<div role="tabpanel" class="tab-pane padded" id="settings">
<?php
include $template_loader->get_template_part('plan', 'settings', false);
?>
</div>
</div>
</div>
</div><!--end wrapper-->
<script type="application/javascript">
jQuery(document).ready(function () {
var cmb_post_type_tree_manager_obj = new PlanManagerMetaboxClass(
<?php
echo $plan_id;
?>
,
'<?php
echo implode(',', $field->args['post_type']);
?>
',
'<?php
echo esc_js($field->args('id'));
?>
',
<?php
echo json_encode($field->args['columns']);
?>
,
<?php
echo '{sortColId:\'post_date\', sortDirection:\'DESC\'}';
?>
,
'<?php
echo get_the_title();
?>
',
<?php
echo json_encode($lables);
?>
);
cmb_post_type_tree_manager_obj.init();
});
</script>
<?php
}