class-metabox-section-react.php
3.03 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<?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 = [] ) {
$this->name = $name;
$this->content = $content;
$default_options = [
'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', [ 'WPSEO_Utils', 'extend_kses_post_with_forms' ] );
add_filter( 'wp_kses_allowed_html', [ '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', [ 'WPSEO_Utils', 'extend_kses_post_with_forms' ] );
remove_filter( 'wp_kses_allowed_html', [ 'WPSEO_Utils', 'extend_kses_post_with_a11y' ] );
}
}