Skip to content
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

Giphy Block Registration #10989

Merged
merged 14 commits into from
Jan 25, 2019
Merged

Giphy Block Registration #10989

Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
13cb590
Register Giphy block.
jeffersonrabb Dec 16, 2018
e909277
Giphy block, server-side rendering to protect the iFrame from being s…
jeffersonrabb Jan 16, 2019
181de07
Change to top padding handling. Attribute name change to 'paddingTop'…
jeffersonrabb Jan 22, 2019
3bc115e
Clean up quotes and parens
sirreal Jan 23, 2019
5a9fc9e
Change caption to P from FIGCAPTION, add new class.
jeffersonrabb Jan 23, 2019
c412741
Use wp_kses_post to escape caption HTML
sirreal Jan 23, 2019
5cb1cae
Rename Giphy block to Gif.
jeffersonrabb Jan 24, 2019
ef7603b
Support for Additional CSS Class in Gif block. Fixes https://github.c…
jeffersonrabb Jan 24, 2019
bd0a281
Do not render block if Giphy URL is unset. This approach replaces the…
jeffersonrabb Jan 24, 2019
71d7d45
Use esc_url() to sanitize Giphy URL.
jeffersonrabb Jan 24, 2019
27491b4
Check for existence of top padding attribute before use.
jeffersonrabb Jan 24, 2019
091c709
Renamed function to better describe use.
jeffersonrabb Jan 24, 2019
94392ce
Abort if paddingTop is missing
sirreal Jan 25, 2019
d0eb1b5
Revert "Abort if paddingTop is missing"
sirreal Jan 25, 2019
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
52 changes: 51 additions & 1 deletion modules/blocks.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,15 @@
* Load code specific to Gutenberg blocks which are not tied to a module.
* This file is unusual, and is not an actual `module` as such.
* It is included in ./module-extras.php
*
*/

jetpack_register_block(
'gif',
array(
'render_callback' => 'jetpack_gif_block_render',
)
);

jetpack_register_block(
'map',
array(
Expand Down Expand Up @@ -60,6 +66,50 @@ function jetpack_tiled_gallery_load_block_assets( $attr, $content ) {
}
}

/**
* Gif block registration/dependency declaration.
*
* @param array $attr - Array containing the map block attributes.
*
* @return string
*/
function jetpack_gif_block_render( $attr ) {
$align = isset( $attr['align'] ) ? $attr['align'] : 'center';
$padding_top = isset( $attr['paddingTop'] ) ? $attr['paddingTop'] : 0;
sirreal marked this conversation as resolved.
Show resolved Hide resolved
$style = 'padding-top:' . $padding_top;
$giphy_url = isset( $attr['giphyUrl'] ) ? $attr['giphyUrl'] : null;
$search_text = isset( $attr['searchText'] ) ? $attr['searchText'] : '';
$caption = isset( $attr['caption'] ) ? $attr['caption'] : null;

if ( ! $giphy_url ) {
sirreal marked this conversation as resolved.
Show resolved Hide resolved
return null;
}

$classes = array(
'wp-block-jetpack-gif',
'align' . $align,
);
if ( isset( $attr['className'] ) ) {
array_push( $classes, $attr['className'] );
}

ob_start();
?>
<div class="<?php echo esc_attr( implode( $classes, ' ' ) ); ?>">
<figure style="<?php echo esc_attr( $style ); ?>">
<iframe src="<?php echo esc_url( $giphy_url ); ?>" title="<?php echo esc_attr( $search_text ); ?>"></iframe>
</figure>
<?php if ( $caption ) : ?>
<p class="wp-block-jetpack-gif-caption"><?php echo wp_kses_post( $caption ); ?></p>
<?php endif; ?>
</div>
<?php
$html = ob_get_clean();

Jetpack_Gutenberg::load_assets_as_required( 'gif' );
return $html;
}

/**
* Map block registration/dependency declaration.
*
Expand Down