| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <?php
- /**
- * Star Rating Block.
- *
- * @since 8.0.0
- *
- * @package automattic/jetpack
- */
- namespace Automattic\Jetpack\Extensions\Rating_Star;
- use Automattic\Jetpack\Blocks;
- use Jetpack_Gutenberg;
- const FEATURE_NAME = 'rating-star';
- const BLOCK_NAME = 'jetpack/' . FEATURE_NAME;
- // Load generic function definitions.
- require_once __DIR__ . '/rating-meta.php';
- /**
- * 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(
- BLOCK_NAME,
- array(
- 'render_callback' => __NAMESPACE__ . '\render_block',
- 'attributes' => array(
- 'rating' => array(
- 'type' => 'number',
- 'default' => 1,
- ),
- 'maxRating' => array(
- 'type' => 'number',
- 'default' => 5,
- ),
- 'color' => array(
- 'type' => 'string',
- ),
- 'ratingStyle' => array(
- 'type' => 'string',
- 'default' => 'star',
- ),
- 'className' => array(
- 'type' => 'string',
- ),
- 'align' => array(
- 'type' => 'string',
- 'default' => 'left',
- ),
- ),
- )
- );
- }
- add_action( 'init', __NAMESPACE__ . '\register_block' );
- /**
- * Dynamic rendering of the block.
- *
- * @param array $attributes Array containing the block attributes.
- *
- * @return string
- */
- function render_block( $attributes ) {
- // Tell Jetpack to load the assets registered via jetpack_register_block.
- Jetpack_Gutenberg::load_assets_as_required( FEATURE_NAME );
- return jetpack_rating_meta_render_block( $attributes );
- }
- /**
- * Older versions of AMP (0.6.2) are unable to render the markup, so we hide it
- * Newer versions of AMP (1.4.1+) seem OK, but need the screen-reader text hidden
- */
- function amp_add_inline_css() {
- if ( defined( 'AMP__VERSION' ) && version_compare( AMP__VERSION, '1.4.1', '>=' ) ) {
- echo '.wp-block-jetpack-rating-star span.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }';
- } else {
- echo '.wp-block-jetpack-rating-star span:not([aria-hidden="true"]) { display: none; }';
- }
- }
- add_action( 'amp_post_template_css', __NAMESPACE__ . '\amp_add_inline_css', 11 );
|