You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
3.1 KiB

<?php
/**
* WPSEO plugin file.
*
* @package WPSEO\Admin
*/
/**
* Generates and displays the React root element for a metabox section.
*/
class WPSEO_Metabox_Section_React implements WPSEO_Metabox_Section {
/**
* Name of the section, used as an identifier in the HTML.
*
* @var string
*/
public $name;
/**
* Content to use before the React root node.
*
* @var string
*/
public $content;
/**
* Content to use to display the button to open this content block.
*
* @var string
*/
private $link_content;
/**
* Class to add to the link.
*
* @var string
*/
private $link_class;
/**
* Aria label to use for the link.
*
* @var string
*/
private $link_aria_label;
/**
* Additional html content to be displayed within the section.
*
* @var string
*/
private $html_after;
/**
* Constructor.
*
* @param string $name The name of the section, used as an identifier in the html.
* Can only contain URL safe characters.
* @param string $link_content The text content of the section link.
* @param string $content Optional. Content to use above the React root element.
* @param array $options Optional link attributes.
*/
public function __construct( $name, $link_content, $content = '', array $options = array() ) {
$this->name = $name;
$this->content = $content;
$default_options = array(
'link_class' => '',
'link_aria_label' => '',
'html_after' => '',
);
$options = wp_parse_args( $options, $default_options );
$this->link_content = $link_content;
$this->link_class = $options['link_class'];
$this->link_aria_label = $options['link_aria_label'];
$this->html_after = $options['html_after'];
}
/**
* Outputs the section link.
*
* @return void
*/
public function display_link() {
printf(
'<li role="presentation"><a role="tab" href="#wpseo-meta-section-%1$s" id="wpseo-meta-tab-%1$s" aria-controls="wpseo-meta-section-%1$s" class="wpseo-meta-section-link %2$s"%3$s>%4$s</a></li>',
esc_attr( $this->name ),
esc_attr( $this->link_class ),
( '' !== $this->link_aria_label ) ? ' aria-label="' . esc_attr( $this->link_aria_label ) . '"' : '',
wp_kses_post( $this->link_content )
);
}
/**
* Outputs the section content.
*
* @return void
*/
public function display_content() {
add_filter( 'wp_kses_allowed_html', array( 'WPSEO_Utils', 'extend_kses_post_with_forms' ) );
add_filter( 'wp_kses_allowed_html', array( 'WPSEO_Utils', 'extend_kses_post_with_a11y' ) );
printf(
'<div role="tabpanel" id="wpseo-meta-section-%1$s" aria-labelledby="wpseo-meta-tab-%1$s" tabindex="0" class="wpseo-meta-section">',
esc_attr( $this->name )
);
echo wp_kses_post( $this->content );
echo '<div id="wpseo-metabox-root" class="wpseo-metabox-root"></div>';
echo wp_kses_post( $this->html_after );
echo '</div>';
remove_filter( 'wp_kses_allowed_html', array( 'WPSEO_Utils', 'extend_kses_post_with_forms' ) );
remove_filter( 'wp_kses_allowed_html', array( 'WPSEO_Utils', 'extend_kses_post_with_a11y' ) );
}
}