← All changes | includes/widgets/theme-builder/post-meta.php +143 -123 1.0.16 → 1.3.18 View file →

		@@ -1,11 +1,12 @@
1	1	<?php
	2	+
2	3	namespace UiCoreElements\Widgets\ThemeBuilder;
3	4
4		-use Elementor\Widget_Base;
	5	+use UiCoreElements\UiCoreWidget;
5	6	use Elementor\Controls_Manager;
	7	+use UiCoreElements\Utils\Meta_Trait;
6	8	use UiCoreElements\Helper;
7		-use UiCoreElements\Utils\Meta_Trait;
8	9
9	10	defined('ABSPATH') || exit();
10	11
11	12	/**
		@@ -12,151 +13,170 @@
12	13	* The Title widget.
13	14	*
14	15	* @since 1.0.0
15	16	*/
16		-class PostMeta extends Widget_Base {
	17	+class PostMeta extends UiCoreWidget
	18	+{
17	19
18		- use Meta_Trait;
	20	+ use Meta_Trait;
19	21
20		- public function get_name() {
21		- return 'uicore-post-meta';
22		- }
23		- public function get_title() {
24		- return esc_html__( 'Post Meta', 'uicore-elements' );
25		- }
26		- public function get_icon() {
27		- return 'eicon-post-info ui-e-widget';
28		- }
29		- public function get_categories() {
30		- return ['uicore', 'uicore-theme-builder' ];
31		- }
	22	+ public function get_name()
	23	+ {
	24	+ return 'uicore-post-meta';
	25	+ }
	26	+ public function get_title()
	27	+ {
	28	+ return esc_html__('Post Meta', 'uicore-elements');
	29	+ }
	30	+ public function get_icon()
	31	+ {
	32	+ return 'eicon-post-info ui-e-widget';
	33	+ }
	34	+ public function get_categories()
	35	+ {
	36	+ return ['uicore', 'uicore-theme-builder'];
	37	+ }
	38	+ public function get_styles()
	39	+ {
	40	+ return ['post-meta'];
	41	+ }
	42	+ public function get_scripts()
	43	+ {
	44	+ return [];
	45	+ }
	46	+ public function get_keywords()
	47	+ {
	48	+ return ['post', 'meta', 'info'];
	49	+ }
	50	+ public function has_widget_inner_wrapper(): bool
	51	+ {
	52	+ // TODO: remove after Optmized Markup experiment is merged to the core
	53	+ return ! \Elementor\Plugin::$instance->experiments->is_feature_active('e_optimized_markup');
	54	+ }
32	55
33		- public function get_style_depends() {
34		- return [ 'post-meta' ];
35		- }
36		- public function get_keywords() {
37		- return [ 'post', 'meta', 'info' ];
38		- }
	56	+ protected function register_controls()
	57	+ {
	58	+ $this->start_controls_section(
	59	+ 'section_content',
	60	+ [
	61	+ 'label' => esc_html__('Content', 'uicore-elements'),
	62	+ ]
	63	+ );
39	64
40		- protected function register_controls() {
41		- $this->start_controls_section(
42		- 'section_content',
43		- [
44		- 'label' => esc_html__( 'Content', 'uicore-elements' ),
45		- ]
46		- );
	65	+ $this->add_control(
	66	+ 'meta_list',
	67	+ [
	68	+ 'label' => esc_html__('Meta Data', 'uicore-elements'),
	69	+ 'type' => \Elementor\Controls_Manager::REPEATER,
	70	+ 'fields' => $this->get_meta_content_controls(),
	71	+ 'default' => [
	72	+ [
	73	+ 'type' => 'author'
	74	+ ],
	75	+ ],
	76	+ 'title_field' => '<span style="text-transform: capitalize">{{{ type }}}</span>',
	77	+ 'prevent_empty' => false,
	78	+ 'separator' => 'before'
	79	+ ]
	80	+ );
	81	+ $this->add_responsive_control(
	82	+ 'content_align',
	83	+ [
	84	+ 'label' => esc_html__('Content Alignment', 'uicore-elements'),
	85	+ 'type' => Controls_Manager::CHOOSE,
	86	+ 'options' => [
	87	+ 'left' => [
	88	+ 'title' => esc_html__('Left', 'uicore-elements'),
	89	+ 'icon' => 'eicon-text-align-left',
	90	+ ],
	91	+ 'center' => [
	92	+ 'title' => esc_html__('Center', 'uicore-elements'),
	93	+ 'icon' => 'eicon-text-align-center',
	94	+ ],
	95	+ ],
	96	+ 'selectors' => [
	97	+ '{{WRAPPER}}' => 'text-align: {{VALUE}};',
	98	+ ],
	99	+ ]
	100	+ );
	101	+ $this->end_controls_section();
47	102
48		- $this->add_control('meta_list',[
49		- 'label' => esc_html__( 'Meta Data', 'uicore-elements' ),
50		- 'type' => \Elementor\Controls_Manager::REPEATER,
51		- 'fields' => $this->get_meta_content_controls(),
52		- 'default' => [
53		- [
54		- 'type' => 'author'
55		- ],
56		- ],
57		- 'title_field' => '<span style="text-transform: capitalize">{{{ type }}}</span>',
58		- 'prevent_empty' => false,
59		- 'separator'=> 'before'
60		- ]
61		- );
62		- $this->add_responsive_control('content_align',
63		- [
64		- 'label' => esc_html__( 'Content Alignment', 'uicore-elements' ),
65		- 'type' => Controls_Manager::CHOOSE,
66		- 'options' => [
67		- 'left' => [
68		- 'title' => esc_html__( 'Left', 'uicore-elements' ),
69		- 'icon' => 'eicon-text-align-left',
70		- ],
71		- 'center' => [
72		- 'title' => esc_html__( 'Center', 'uicore-elements' ),
73		- 'icon' => 'eicon-text-align-center',
74		- ],
75		- ],
76		- 'selectors' => [
77		- '{{WRAPPER}}' => 'text-align: {{VALUE}};',
78		- ],
79		- ]
80		- );
81		- $this->end_controls_section();
	103	+ $this->start_controls_section(
	104	+ 'section_meta_style',
	105	+ [
	106	+ 'label' => esc_html__('Style', 'uicore-elements'),
	107	+ 'tab' => Controls_Manager::TAB_STYLE,
	108	+ ]
	109	+ );
	110	+ $this->get_meta_style_controls();
	111	+ $this->end_controls_section();
	112	+ }
82	113
83		- $this->start_controls_section(
84		- 'section_meta_style',
85		- [
86		- 'label' => esc_html__( 'Style', 'uicore-elements' ),
87		- 'tab' => Controls_Manager::TAB_STYLE,
88		- ]
89		- );
90		- $this->get_meta_style_controls();
91		- $this->end_controls_section();
	114	+ protected function display_dummy_text($meta_list)
	115	+ {
	116	+ echo '<div class="ui-e-post-meta ui-e-tb-meta">';
	117	+ foreach ($meta_list as $meta) {
	118	+ if ($meta['type'] != 'none') {
92	119
93		- }
	120	+ $dummy_content = [
	121	+ 'excerpt' => esc_html__('This is a sample post excerpt. It provides a brief summary of the article, giving readers a quick preview of the content before they click through to read the full post.', 'uicore-elements'),
	122	+ 'comment' => rand(1, 5),
	123	+ 'reading time' => rand(1, 5)
	124	+ ];
94	125
95		- /**
96		- * Match each meta icon size (if SVG) with the correspondent font size set by the user.
97		- *
98		- * Based on the post component similar function.
99		- */
100		- function set_meta_font_size_to_svg()
101		- {
102		- // Required specifically for SVG icons
103		- if( \Elementor\Plugin::$instance->experiments->is_feature_active('e_font_icon_svg') == false ){
104		- return;
105		- }
	126	+ // Print dummy content, if available
	127	+ if (array_key_exists($meta['type'], $dummy_content)) {
	128	+ $content = $dummy_content[$meta['type']];
106	129
107		- $font_size = $this->get_settings_for_display('tb-meta_meta_typography_font_size');
108		- $default_size = '16px';
	130	+ // The content printing is the same from display_meta() and should follow up future changes
	131	+ $wrapper = '<div class="ui-e-meta-item">';
	132	+ $prefix = $meta['before'] ? '<span>' . esc_html($meta['before']) . '</span>' : '';
	133	+ $suffix = $meta['after'] ? '<span class="ui-e-meta-after">' . esc_html($meta['after']) . '</span>' : '';
109	134
110		- // Check if theres font-size set.
111		- $size = isset( $font_size ) ? $font_size : $default_size;
	135	+ ob_start();
	136	+ \Elementor\Icons_Manager::render_icon($meta['icon'], ['aria-hidden' => 'true', 'class' => 'ui-e-meta-icon'], 'span');
	137	+ $icon = ob_get_clean();
112	138
113		- // Check if the font-size value is not empty (user might customize other infos but not the font-size)
114		- $size = !empty( $size['size'] )
115		- ? $size['size'] . $size['unit']
116		- : $default_size;
	139	+ if (!empty($content)) {
	140	+ echo $wrapper . Helper::esc_svg($icon) . $prefix . $content . $suffix . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	141	+ }
	142	+ } else {
	143	+ $this->display_meta($meta);
	144	+ }
117	145
118		- // Creates the css variable
119		- $metas_css = '--post_meta-font-size: ' . esc_html($size) . ';';
120		-
121		- // print it on the main widget wrapper
122		- $this->add_render_attribute(
123		- '_wrapper',
124		- 'style',
125		- $metas_css
126		- );
	146	+ if (next($meta_list) && $this->get_settings_for_display('tb-meta_meta_separator')) {
	147	+ echo '<span class="ui-e-separator">' . esc_html($this->get_settings_for_display('tb-meta_meta_separator')) . '</span>';
	148	+ }
	149	+ }
	150	+ }
	151	+ echo '</div>';
127	152	}
128	153
129		- protected function render() {
	154	+ protected function render()
	155	+ {
	156	+ $meta_list = $this->get_settings_for_display('meta_list');
130	157
131		- if( !\Elementor\Plugin::$instance->editor->is_edit_mode() ) {
132		- $title = wp_title(null,false);
133		- $title = $title ? $title : get_bloginfo('name');
134		- }else{
135		- $title = __( 'This is a dummy title.', 'uicore-elements' );
	158	+ if (!isset($meta_list[0]) || $meta_list[0]['type'] == '') {
	159	+ return;
136	160	}
137	161
138		- $this->set_meta_font_size_to_svg();
139		-
140		- $meta_list = $this->get_settings_for_display( 'meta_list' );
141		- if(!isset($meta_list[0]) || $meta_list[0]['type'] == ''){
	162	+ if ($this->is_edit_mode()) {
	163	+ $this->display_dummy_text($meta_list);
142	164	return;
143	165	}
144	166
145		- echo '<div class="ui-e-post-meta ui-e-tb-meta">';
146		- foreach ($meta_list as $meta) {
147		- if($meta['type'] != 'none'){
148		- $this->display_meta($meta);
	167	+ echo '<div class="ui-e-post-meta ui-e-tb-meta">';
	168	+ foreach ($meta_list as $meta) {
	169	+ if ($meta['type'] != 'none') {
	170	+ $this->display_meta($meta);
149	171
150		- if( next( $meta_list ) && $this->get_settings_for_display( 'tb-meta_meta_separator' ) ) {
151		- echo '<span class="ui-e-separator">'.esc_html($this->get_settings_for_display('tb-meta_meta_separator' )).'</span>';
152		- }
	172	+ if (next($meta_list) && $this->get_settings_for_display('tb-meta_meta_separator')) {
	173	+ echo '<span class="ui-e-separator">' . esc_html($this->get_settings_for_display('tb-meta_meta_separator')) . '</span>';
153	174	}
154	175	}
155		- echo '</div>';
	176	+ }
	177	+ echo '</div>';
	178	+ }
156	179
157		- }
158		-
159		- protected function content_template() {
160		- }
	180	+ protected function content_template() {}
161	181	}
162	182	\Elementor\Plugin::instance()->widgets_manager->register(new PostMeta());