init
This commit is contained in:
emmymayo
@@ -0,0 +1,224 @@
|
||||
<?php
|
||||
/**
|
||||
* OpenTable Block.
|
||||
*
|
||||
* @since 8.2
|
||||
*
|
||||
* @package automattic/jetpack
|
||||
*/
|
||||
|
||||
namespace Automattic\Jetpack\Extensions\OpenTable;
|
||||
|
||||
use Automattic\Jetpack\Blocks;
|
||||
use Jetpack_Gutenberg;
|
||||
|
||||
/**
|
||||
* Registers the block for use in Gutenberg
|
||||
* This is done via an action so that we can disable
|
||||
* registration if we need to.
|
||||
*/
|
||||
function register_block() {
|
||||
Blocks::jetpack_register_block(
|
||||
__DIR__,
|
||||
array(
|
||||
'render_callback' => __NAMESPACE__ . '\load_assets',
|
||||
'plan_check' => true,
|
||||
)
|
||||
);
|
||||
}
|
||||
add_action( 'init', __NAMESPACE__ . '\register_block' );
|
||||
|
||||
/**
|
||||
* OpenTable block registration/dependency declaration.
|
||||
*
|
||||
* @param array $attributes Array containing the OpenTable block attributes.
|
||||
*
|
||||
* @return string
|
||||
*/
|
||||
function load_assets( $attributes ) {
|
||||
|
||||
Jetpack_Gutenberg::load_assets_as_required( __DIR__ );
|
||||
|
||||
$classes = array();
|
||||
$class_name = get_attribute( $attributes, 'className' );
|
||||
$style = get_attribute( $attributes, 'style' );
|
||||
|
||||
if ( 'wide' === $style && jetpack_is_mobile() ) {
|
||||
$attributes = array_merge( $attributes, array( 'style' => 'standard' ) );
|
||||
$classes[] = 'is-style-mobile';
|
||||
}
|
||||
|
||||
// Handles case of deprecated version using theme instead of block styles.
|
||||
if ( ! $class_name || ! str_contains( $class_name, 'is-style-' ) ) {
|
||||
$classes[] = sprintf( 'is-style-%s', $style );
|
||||
}
|
||||
|
||||
if ( array_key_exists( 'rid', $attributes ) && is_array( $attributes['rid'] ) && count( $attributes['rid'] ) > 1 ) {
|
||||
$classes[] = 'is-multi';
|
||||
}
|
||||
if ( array_key_exists( 'negativeMargin', $attributes ) && $attributes['negativeMargin'] ) {
|
||||
$classes[] = 'has-no-margin';
|
||||
}
|
||||
$classes = Blocks::classes( Blocks::get_block_feature( __DIR__ ), $attributes, $classes );
|
||||
$content = '<div class="' . esc_attr( $classes ) . '">';
|
||||
|
||||
$script_url = build_embed_url( $attributes );
|
||||
|
||||
if ( Blocks::is_amp_request() ) {
|
||||
// Extract params from URL since it had jetpack_opentable_block_url filters applied.
|
||||
$url_query = \wp_parse_url( $script_url, PHP_URL_QUERY ) . '&overlay=false&disablega=false';
|
||||
|
||||
$src = "https://www.opentable.com/widget/reservation/canvas?$url_query";
|
||||
|
||||
$params = array();
|
||||
wp_parse_str( $url_query, $params );
|
||||
|
||||
// Note an iframe is similarly constructed in the block edit function.
|
||||
$content .= sprintf(
|
||||
'<amp-iframe src="%s" layout="fill" sandbox="allow-scripts allow-forms allow-same-origin allow-popups">%s</amp-iframe>',
|
||||
esc_url( $src ),
|
||||
sprintf(
|
||||
'<a placeholder href="%s">%s</a>',
|
||||
esc_url(
|
||||
add_query_arg(
|
||||
array(
|
||||
'rid' => $params['rid'],
|
||||
),
|
||||
'https://www.opentable.com/restref/client/'
|
||||
)
|
||||
),
|
||||
esc_html__( 'Make a reservation', 'jetpack' )
|
||||
)
|
||||
);
|
||||
} else {
|
||||
// The OpenTable script uses multiple `rid` paramters,
|
||||
// so we can't use WordPress to output it, as WordPress attempts to validate it and removes them.
|
||||
// phpcs:ignore WordPress.WP.EnqueuedResources.NonEnqueuedScript
|
||||
$content .= '<script src="' . esc_url( $script_url ) . '"></script>';
|
||||
}
|
||||
|
||||
$content .= '</div>';
|
||||
|
||||
return $content;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the a block attribute
|
||||
*
|
||||
* @param array $attributes Array of block attributes.
|
||||
* @param string $attribute_name The attribute to get.
|
||||
*
|
||||
* @return string The filtered attribute
|
||||
*/
|
||||
function get_attribute( $attributes, $attribute_name ) {
|
||||
if ( isset( $attributes[ $attribute_name ] ) ) {
|
||||
if ( in_array( $attribute_name, array( 'iframe', 'newtab' ), true ) ) {
|
||||
return $attributes[ $attribute_name ] ? 'true' : 'false';
|
||||
}
|
||||
return $attributes[ $attribute_name ];
|
||||
}
|
||||
|
||||
$default_attributes = array(
|
||||
'style' => 'standard',
|
||||
'iframe' => 'true',
|
||||
'domain' => 'com',
|
||||
'lang' => 'en-US',
|
||||
'newtab' => 'false',
|
||||
);
|
||||
|
||||
return isset( $default_attributes[ $attribute_name ] ) ? $default_attributes[ $attribute_name ] : null;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the block type attribute
|
||||
*
|
||||
* @param array $attributes Array of block attributes.
|
||||
*
|
||||
* @return string The filtered attribute
|
||||
*/
|
||||
function get_type_attribute( $attributes ) {
|
||||
if ( ! empty( $attributes['rid'] ) && is_countable( $attributes['rid'] ) && count( $attributes['rid'] ) > 1 ) {
|
||||
return 'multi';
|
||||
}
|
||||
|
||||
if ( empty( $attributes['style'] ) || 'button' !== $attributes['style'] ) {
|
||||
return 'standard';
|
||||
}
|
||||
|
||||
return 'button';
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the block theme attribute
|
||||
*
|
||||
* OpenTable has a confusing mix of themes and types for the widget. A type
|
||||
* can have a theme, but the button style can not have a theme. The other two
|
||||
* types (multi and standard) can have one of the three themes.
|
||||
*
|
||||
* We have combined these into a `style` attribute as really there are 4 styles
|
||||
* standard, wide, tall, and button. Multi can be determined by the number of
|
||||
* restaurant IDs we have.
|
||||
*
|
||||
* This function along with `jetpack_opentable_block_get_type_attribute`, translates
|
||||
* the style attribute to a type and theme.
|
||||
*
|
||||
* Type Theme Style
|
||||
* ==========|==========|==========
|
||||
* Multi | |
|
||||
* Standard | Standard | Standard
|
||||
* | Wide | Wide
|
||||
* | Tall | Tall
|
||||
* Button | Standard | Button
|
||||
*
|
||||
* @param array $attributes Array of block attributes.
|
||||
*
|
||||
* @return string The filtered attribute
|
||||
*/
|
||||
function get_theme_attribute( $attributes ) {
|
||||
$valid_themes = array( 'standard', 'wide', 'tall' );
|
||||
|
||||
if ( empty( $attributes['style'] )
|
||||
|| ! in_array( $attributes['style'], $valid_themes, true )
|
||||
|| 'button' === $attributes['style'] ) {
|
||||
return 'standard';
|
||||
}
|
||||
|
||||
return $attributes['style'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Build an embed URL from an array of block attributes.
|
||||
*
|
||||
* @param array $attributes Array of block attributess.
|
||||
*
|
||||
* @return string Embed URL
|
||||
*/
|
||||
function build_embed_url( $attributes ) {
|
||||
$url = add_query_arg(
|
||||
array(
|
||||
'type' => get_type_attribute( $attributes ),
|
||||
'theme' => get_theme_attribute( $attributes ),
|
||||
'iframe' => get_attribute( $attributes, 'iframe' ),
|
||||
'domain' => get_attribute( $attributes, 'domain' ),
|
||||
'lang' => get_attribute( $attributes, 'lang' ),
|
||||
'newtab' => get_attribute( $attributes, 'newtab' ),
|
||||
),
|
||||
'//www.opentable.com/widget/reservation/loader'
|
||||
);
|
||||
|
||||
if ( ! empty( $attributes['rid'] ) ) {
|
||||
foreach ( $attributes['rid'] as $rid ) {
|
||||
$url .= '&rid=' . $rid;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter the OpenTable URL used to embed a widget.
|
||||
*
|
||||
* @since 8.2.0
|
||||
*
|
||||
* @param string $url OpenTable embed URL.
|
||||
* @param array $attributes Array of block attributes.
|
||||
*/
|
||||
return apply_filters( 'jetpack_opentable_block_url', $url, $attributes );
|
||||
}
|
||||
Reference in New Issue
Block a user