Skip to content

Initial Gutenberg compatability #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
emrikol wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Initial Gutenberg compatability #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d72d5e2
Initial Gutenberg compatability
emrikol Oct 29, 2018
07d7c99
Merge branch 'master' into emrikolgutenberg-update
emrikol Nov 26, 2018
4ac93bc
PHPCS Fixes
emrikol Nov 26, 2018
ec88735
Updates to GB Compat
emrikol Dec 11, 2018
5cc768a
Whitespace Fix
emrikol Dec 11, 2018
017dab3
Whitespace fix (grr!)
emrikol Dec 11, 2018
333e212
Merge branch 'master' into emrikolgutenberg-update
trepmal Jun 3, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions js/block-editor.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
var editPost = wp.data.select( 'core/edit-post' ), lastIsSaving = false;

wp.data.subscribe(
function() {
var isSaving = editPost.isSavingMetaBoxes();
if ( isSaving !== lastIsSaving && ! isSaving ) {
lastIsSaving = isSaving;
// Gutenberg Post Saving has finished!
var data = {
'action': 'update_post_meta_inspector',
'nonce': pmi_data.nonce,
'post': pmi_data.post
};

jQuery.get(
ajaxurl,
data,
function( response ) {
jQuery( '#post_meta_inspector' ).html( response );
}
);
}

lastIsSaving = isSaving;
}
);
91 changes: 65 additions & 26 deletions post-meta-inspector.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,8 @@ private function __construct() {
private static function setup_actions() {
add_action( 'init', array( self::$instance, 'action_init' ) );
add_action( 'add_meta_boxes', array( self::$instance, 'action_add_meta_boxes' ) );
add_action( 'wp_ajax_update_post_meta_inspector', array( self::$instance, 'ajax_render_table' ) );
add_action( 'enqueue_block_editor_assets', array( self::$instance, 'enqueue_block_editor_assets' ) );
}

/**
Expand Down Expand Up @@ -91,9 +93,12 @@ public function action_add_meta_boxes() {
* @return void
*/
public function post_meta_inspector() {
$toggle_length = apply_filters( 'pmi_toggle_long_value_length', 0 );
$toggle_length = max( intval( $toggle_length ), 0 );
$toggle_el = '<a href="javascript:void(0);" class="pmi_toggle">' . __( 'Click to show&hellip;', 'post-meta-inspector' ) . '</a>';
// Data for Block Editor AJAX call.
$pmi_data = array(
'nonce' => wp_create_nonce( 'update_post_meta_inspector' ),
'post' => get_the_ID(),
);

?>
<style>
#post-meta-inspector table {
Expand All @@ -112,13 +117,55 @@ public function post_meta_inspector() {
word-wrap: break-word;
}
</style>
<?php self::render_table( get_the_ID() ); ?>
<script>
// Output Necessary AJAX data for Block Editor.
var pmi_data = <?php echo wp_json_encode( $pmi_data ) . PHP_EOL; ?>
jQuery(document).ready(function() {
jQuery('.pmi_toggle').click( function(e){
jQuery('+ code', this).show();
jQuery(this).hide();
});
});
</script>
<?php
}

/**
* AJAX action to render Post Meta table.
*
* @return void
*/
public function ajax_render_table() {
check_ajax_referer( 'update_post_meta_inspector', 'nonce' );
$post_id = isset( $_GET['post'] ) ? (int) $_GET['post'] : false;

// No post or no access, exit.
if ( ! $post_id || ! current_user_can( 'edit_posts', $post_id ) ) {
exit;
}

self::render_table( $post_id );

exit;
}

<?php $custom_fields = get_post_meta( get_the_ID() ); ?>
<table>
/**
* Renders the Post Meta table.
*
* @return void
*/
public function render_table( $post_id ) {
$custom_fields = get_post_meta( $post_id );
$toggle_length = apply_filters( 'pmi_toggle_long_value_length', 0 );
$toggle_length = max( intval( $toggle_length ), 0 );
$toggle_el_escaped = '<a href="javascript:void(0);" class="pmi_toggle">' . esc_html__( 'Click to show&hellip;', 'post-meta-inspector' ) . '</a>';
?>
<table id="post_meta_inspector">
<thead>
<tr>
<th class="key-column"><?php _e( 'Key', 'post-meta-inspector' ); // phpcs:ignore ?></th>
<th class="value-column"><?php _e( 'Value', 'post-meta-inspector' ); // phpcs:ignore ?></th>
<th class="key-column"><?php esc_html_e( 'Key', 'post-meta-inspector' ); ?></th>
<th class="value-column"><?php esc_html_e( 'Value', 'post-meta-inspector' ); ?></th>
</tr>
</thead>
<tbody>
Expand All @@ -130,42 +177,34 @@ public function post_meta_inspector() {
?>
<?php foreach ( $values as $value ) : ?>
<?php
$value = var_export( $value, true ); // phpcs:ignore
$value = var_export( $value, true ); // phpcs:ignore WordPress.PHP.DevelopmentFunctions.error_log_var_export
$toggled = $toggle_length && strlen( $value ) > $toggle_length;
?>
<tr>
<td class="key-column"><?php echo esc_html( $key ); ?></td>
<td class="value-column">
<?php
if ( $toggled ) {
echo $toggle_el; // phpcs:ignore
echo $toggle_el_escaped; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
?>
<code
<?php
if ( $toggled ) {
echo ' style="display: none;"';}
?>
>
<?php echo esc_html( $value ); ?>
</code>
</td>
<code <?php echo $toggled ? ' style="display: none;"' : ''; ?>><?php echo esc_html( $value ); ?></code></td>
</tr>
<?php endforeach; ?>
<?php endforeach; ?>
</tbody>
</table>
<script>
jQuery(document).ready(function() {
jQuery('.pmi_toggle').click( function(e){
jQuery('+ code', this).show();
jQuery(this).hide();
});
});
</script>
<?php
}

/**
* Enqueues script for block editor compatability.
*
* @return void
*/
public function enqueue_block_editor_assets() {
wp_enqueue_script( 'pmi-block-editor', plugins_url( 'js/block-editor.js', __FILE__ ), array( 'wp-blocks' ), POST_META_INSPECTOR_VERSION, true );
}
}

/**
Expand Down