2022-04-12 17:12:47 +02:00
|
|
|
<?php
|
|
|
|
/**
|
|
|
|
* Server-side rendering of the `core/avatar` block.
|
|
|
|
*
|
|
|
|
* @package WordPress
|
|
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders the `core/avatar` block on the server.
|
|
|
|
*
|
2024-05-23 21:39:28 +02:00
|
|
|
* @since 6.0.0
|
|
|
|
*
|
2022-04-12 17:12:47 +02:00
|
|
|
* @param array $attributes Block attributes.
|
|
|
|
* @param string $content Block default content.
|
|
|
|
* @param WP_Block $block Block instance.
|
|
|
|
* @return string Return the avatar.
|
|
|
|
*/
|
|
|
|
function render_block_core_avatar( $attributes, $content, $block ) {
|
|
|
|
$size = isset( $attributes['size'] ) ? $attributes['size'] : 96;
|
|
|
|
$wrapper_attributes = get_block_wrapper_attributes();
|
2023-06-27 16:24:19 +02:00
|
|
|
$border_attributes = get_block_core_avatar_border_attributes( $attributes );
|
2022-04-12 17:12:47 +02:00
|
|
|
|
2023-06-27 16:24:19 +02:00
|
|
|
// Class gets passed through `esc_attr` via `get_avatar`.
|
|
|
|
$image_classes = ! empty( $border_attributes['class'] )
|
|
|
|
? "wp-block-avatar__image {$border_attributes['class']}"
|
|
|
|
: 'wp-block-avatar__image';
|
2022-04-12 17:12:47 +02:00
|
|
|
|
2023-06-27 16:24:19 +02:00
|
|
|
// Unlike class, `get_avatar` doesn't filter the styles via `esc_attr`.
|
|
|
|
// The style engine does pass the border styles through
|
|
|
|
// `safecss_filter_attr` however.
|
|
|
|
$image_styles = ! empty( $border_attributes['style'] )
|
|
|
|
? sprintf( ' style="%s"', esc_attr( $border_attributes['style'] ) )
|
|
|
|
: '';
|
2022-04-12 17:12:47 +02:00
|
|
|
|
|
|
|
if ( ! isset( $block->context['commentId'] ) ) {
|
2024-05-23 21:39:28 +02:00
|
|
|
if ( isset( $attributes['userId'] ) ) {
|
|
|
|
$author_id = $attributes['userId'];
|
|
|
|
} elseif ( isset( $block->context['postId'] ) ) {
|
|
|
|
$author_id = get_post_field( 'post_author', $block->context['postId'] );
|
|
|
|
} else {
|
|
|
|
$author_id = get_query_var( 'author' );
|
|
|
|
}
|
|
|
|
|
|
|
|
if ( empty( $author_id ) ) {
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
|
2022-04-12 17:12:47 +02:00
|
|
|
$author_name = get_the_author_meta( 'display_name', $author_id );
|
|
|
|
// translators: %s is the Author name.
|
|
|
|
$alt = sprintf( __( '%s Avatar' ), $author_name );
|
|
|
|
$avatar_block = get_avatar(
|
|
|
|
$author_id,
|
|
|
|
$size,
|
|
|
|
'',
|
|
|
|
$alt,
|
|
|
|
array(
|
2023-06-27 16:24:19 +02:00
|
|
|
'extra_attr' => $image_styles,
|
|
|
|
'class' => $image_classes,
|
2022-04-12 17:12:47 +02:00
|
|
|
)
|
|
|
|
);
|
|
|
|
if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) {
|
|
|
|
$label = '';
|
|
|
|
if ( '_blank' === $attributes['linkTarget'] ) {
|
|
|
|
// translators: %s is the Author name.
|
2024-04-09 12:57:27 +02:00
|
|
|
$label = 'aria-label="' . esc_attr( sprintf( __( '(%s author archive, opens in a new tab)' ), $author_name ) ) . '"';
|
2022-04-12 17:12:47 +02:00
|
|
|
}
|
|
|
|
// translators: %1$s: Author archive link. %2$s: Link target. %3$s Aria label. %4$s Avatar image.
|
2023-02-07 08:04:52 +01:00
|
|
|
$avatar_block = sprintf( '<a href="%1$s" target="%2$s" %3$s class="wp-block-avatar__link">%4$s</a>', esc_url( get_author_posts_url( $author_id ) ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block );
|
2022-04-12 17:12:47 +02:00
|
|
|
}
|
|
|
|
return sprintf( '<div %1s>%2s</div>', $wrapper_attributes, $avatar_block );
|
|
|
|
}
|
|
|
|
$comment = get_comment( $block->context['commentId'] );
|
|
|
|
if ( ! $comment ) {
|
|
|
|
return '';
|
|
|
|
}
|
2022-09-20 17:43:29 +02:00
|
|
|
/* translators: %s is the Comment Author name */
|
|
|
|
$alt = sprintf( __( '%s Avatar' ), $comment->comment_author );
|
2022-04-12 17:12:47 +02:00
|
|
|
$avatar_block = get_avatar(
|
|
|
|
$comment,
|
|
|
|
$size,
|
|
|
|
'',
|
|
|
|
$alt,
|
|
|
|
array(
|
2023-06-27 16:24:19 +02:00
|
|
|
'extra_attr' => $image_styles,
|
|
|
|
'class' => $image_classes,
|
2022-04-12 17:12:47 +02:00
|
|
|
)
|
|
|
|
);
|
|
|
|
if ( isset( $attributes['isLink'] ) && $attributes['isLink'] && isset( $comment->comment_author_url ) && '' !== $comment->comment_author_url ) {
|
|
|
|
$label = '';
|
|
|
|
if ( '_blank' === $attributes['linkTarget'] ) {
|
|
|
|
// translators: %s is the Comment Author name.
|
2024-04-09 12:57:27 +02:00
|
|
|
$label = 'aria-label="' . esc_attr( sprintf( __( '(%s website link, opens in a new tab)' ), $comment->comment_author ) ) . '"';
|
2022-04-12 17:12:47 +02:00
|
|
|
}
|
|
|
|
// translators: %1$s: Comment Author website link. %2$s: Link target. %3$s Aria label. %4$s Avatar image.
|
2022-10-18 15:56:02 +02:00
|
|
|
$avatar_block = sprintf( '<a href="%1$s" target="%2$s" %3$s class="wp-block-avatar__link">%4$s</a>', esc_url( $comment->comment_author_url ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block );
|
2022-04-12 17:12:47 +02:00
|
|
|
}
|
|
|
|
return sprintf( '<div %1s>%2s</div>', $wrapper_attributes, $avatar_block );
|
|
|
|
}
|
|
|
|
|
2023-06-27 16:24:19 +02:00
|
|
|
/**
|
|
|
|
* Generates class names and styles to apply the border support styles for
|
|
|
|
* the Avatar block.
|
|
|
|
*
|
2024-05-23 21:39:28 +02:00
|
|
|
* @since 6.3.0
|
|
|
|
*
|
2023-06-27 16:24:19 +02:00
|
|
|
* @param array $attributes The block attributes.
|
|
|
|
* @return array The border-related classnames and styles for the block.
|
|
|
|
*/
|
|
|
|
function get_block_core_avatar_border_attributes( $attributes ) {
|
|
|
|
$border_styles = array();
|
|
|
|
$sides = array( 'top', 'right', 'bottom', 'left' );
|
|
|
|
|
|
|
|
// Border radius.
|
|
|
|
if ( isset( $attributes['style']['border']['radius'] ) ) {
|
|
|
|
$border_styles['radius'] = $attributes['style']['border']['radius'];
|
|
|
|
}
|
|
|
|
|
|
|
|
// Border style.
|
|
|
|
if ( isset( $attributes['style']['border']['style'] ) ) {
|
|
|
|
$border_styles['style'] = $attributes['style']['border']['style'];
|
|
|
|
}
|
|
|
|
|
|
|
|
// Border width.
|
|
|
|
if ( isset( $attributes['style']['border']['width'] ) ) {
|
|
|
|
$border_styles['width'] = $attributes['style']['border']['width'];
|
|
|
|
}
|
|
|
|
|
|
|
|
// Border color.
|
|
|
|
$preset_color = array_key_exists( 'borderColor', $attributes ) ? "var:preset|color|{$attributes['borderColor']}" : null;
|
2023-09-26 16:23:26 +02:00
|
|
|
$custom_color = $attributes['style']['border']['color'] ?? null;
|
2023-06-27 16:24:19 +02:00
|
|
|
$border_styles['color'] = $preset_color ? $preset_color : $custom_color;
|
|
|
|
|
|
|
|
// Individual border styles e.g. top, left etc.
|
|
|
|
foreach ( $sides as $side ) {
|
2023-09-26 16:23:26 +02:00
|
|
|
$border = $attributes['style']['border'][ $side ] ?? null;
|
2023-06-27 16:24:19 +02:00
|
|
|
$border_styles[ $side ] = array(
|
|
|
|
'color' => isset( $border['color'] ) ? $border['color'] : null,
|
|
|
|
'style' => isset( $border['style'] ) ? $border['style'] : null,
|
|
|
|
'width' => isset( $border['width'] ) ? $border['width'] : null,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
$styles = wp_style_engine_get_styles( array( 'border' => $border_styles ) );
|
|
|
|
$attributes = array();
|
|
|
|
if ( ! empty( $styles['classnames'] ) ) {
|
|
|
|
$attributes['class'] = $styles['classnames'];
|
|
|
|
}
|
|
|
|
if ( ! empty( $styles['css'] ) ) {
|
|
|
|
$attributes['style'] = $styles['css'];
|
|
|
|
}
|
|
|
|
return $attributes;
|
|
|
|
}
|
|
|
|
|
2022-04-12 17:12:47 +02:00
|
|
|
/**
|
|
|
|
* Registers the `core/avatar` block on the server.
|
2024-05-23 21:39:28 +02:00
|
|
|
*
|
|
|
|
* @since 6.0.0
|
2022-04-12 17:12:47 +02:00
|
|
|
*/
|
|
|
|
function register_block_core_avatar() {
|
|
|
|
register_block_type_from_metadata(
|
|
|
|
__DIR__ . '/avatar',
|
|
|
|
array(
|
|
|
|
'render_callback' => 'render_block_core_avatar',
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
add_action( 'init', 'register_block_core_avatar' );
|