← All changes | includes/widgets/testimonial-carousel.php +101 -100 1.0.2 → 1.3.18 View file →

		@@ -1,11 +1,14 @@
1	1	<?php
	2	+
2	3	namespace UiCoreElements;
	4	+
3	5	use Elementor\Controls_Manager;
4	6	use UiCoreElements\UiCoreWidget;
5	7	use UiCoreElements\Utils\Carousel_Trait;
6	8	use UiCoreElements\Utils\Testimonial_Trait;
7	9	use UiCoreElements\Utils\Animation_Trait;
	10	+use UiCoreElements\Utils\Item_Style_Component;
8	11
9	12	defined('ABSPATH') || exit();
10	13
11	14	/**
		@@ -17,13 +20,12 @@
17	20
18	21	class TestimonialCarousel extends UiCoreWidget
19	22	{
20	23
21		- public $is_slider;
22		-
23	24	use Carousel_Trait;
24	25	use Testimonial_Trait;
25	26	use Animation_Trait;
	27	+ use Item_Style_Component;
26	28
27	29	public function get_name()
28	30	{
29	31	return 'uicore-testimonial-carousel';
		@@ -41,44 +43,45 @@
41	43	return ['uicore'];
42	44	}
43	45	public function get_keywords()
44	46	{
45		- return ['testimonial', 'review', 'services', 'cards', 'box', 'features', 'testimonial', 'client', 'carousel', 'slide'];
	47	+ return ['testimonial', 'review', 'services', 'cards', 'box', 'client', 'carousel'];
46	48	}
47	49	public function get_styles()
48	50	{
49		- return [
	51	+ $styles = [
50	52	'testimonial-carousel',
	53	+ 'carousel',
51	54	'animation', // hover animations
52	55	'entrance', // entrance basic style
53		- 'e-animations' => [ // entrance animations
54		- 'condition' => [
55		- 'animation_assets' => 'false'
56		- ],
	56	+ ];
	57	+ if (!class_exists('\UiCore\Core') && !class_exists('\UiCoreAnimate\Base')) {
	58	+ $styles['e-animations'] = [ // entrance animations
57	59	'external' => true,
58		- ]
59		- ];
	60	+ ];
	61	+ }
	62	+ return $styles;
60	63	}
61	64	public function get_scripts()
62	65	{
63		- return [
64		- 'carousel',
	66	+ $scripts = [
65	67	'testimonial' => [
66	68	'condition' => [
67	69	'layout' => 'layout_5'
68		- ],
69		- ],
70		- 'entrance' => [
71		- 'condition' => [
72		- 'animate_items' => 'ui-e-grid-animate'
73		- ],
	70	+ ]
74	71	]
75		- ];
	72	+ ];
	73	+ return array_merge($scripts, $this->TRAIT_get_carousel_scripts());
76	74	}
	75	+ public function has_widget_inner_wrapper(): bool
	76	+ {
	77	+ // TODO: remove after Optmized Markup experiment is merged to the core
	78	+ return ! \Elementor\Plugin::$instance->experiments->is_feature_active('e_optimized_markup');
	79	+ }
77	80	protected function register_controls()
78	81	{
79	82
80		- $this->register_testimonial_repeater_controls('Testimonial Carousel Items'); // Repeater Controls
	83	+ $this->TRAIT_register_testimonial_repeater_controls('Testimonial Carousel Items'); // Repeater Controls
81	84
82	85	// Additional Carousel Controls
83	86	$this->start_controls_section(
84	87	'section_review_additional_settings',
		@@ -87,86 +90,83 @@
87	90	'tab' => Controls_Manager::TAB_CONTENT,
88	91	]
89	92	);
90	93
91		- $this->TRAIT_register_entrace_asset_helper(); // Animation asset condition
92		- $this->register_specific_testimonial_controls('layout');
93		- if(!$this->is_slider){
94		- $this->register_carousel_additional_controls(); // Carousel Additionals
95		- }
96		- $this->register_testimonial_additional_controls(); // Testimonial Additionals
	94	+ $this->TRAIT_register_specific_testimonial_controls('layout');
	95	+ $this->TRAIT_register_carousel_additional_controls(); // Carousel Additionals
	96	+ $this->TRAIT_register_testimonial_additional_controls(); // Testimonial Additionals
97	97
98	98	$this->end_controls_section();
99	99
100	100	$this->start_controls_section(
101		- 'section_carousel_settings',
102		- [
103		- 'label' => __('Carousel Settings', 'uicore-elements'),
104		- ]
105		- );
	101	+ 'section_carousel_settings',
	102	+ [
	103	+ 'label' => __('Carousel Settings', 'uicore-elements'),
	104	+ ]
	105	+ );
106	106
107		- $this->register_carousel_settings_controls($this->is_slider); // Carousel settings
	107	+ $this->TRAIT_register_carousel_settings_controls(); // Carousel settings
108	108
109	109	$this->end_controls_section();
110	110
111		- $this->register_navigation_controls(); // Navigation settings
	111	+ $this->TRAIT_register_navigation_controls(); // Navigation settings
112	112
113	113	$this->start_controls_section(
114		- 'section_style_review_items',
115		- [
116		- 'label' => esc_html__( 'Items', 'uicore-elements' ),
117		- 'tab' => Controls_Manager::TAB_STYLE,
118		- ]
119		- );
	114	+ 'section_style_review_items',
	115	+ [
	116	+ 'label' => esc_html__('Items', 'uicore-elements'),
	117	+ 'tab' => Controls_Manager::TAB_STYLE,
	118	+ ]
	119	+ );
120	120
121		- // move it to specific controls
122		- $this->add_control(
123		- 'item_gap',
124		- [
125		- 'label' => esc_html__( 'Inner Content Spacing', 'uicore-elements' ),
126		- 'type' => Controls_Manager::SLIDER,
127		- 'size_units' => [ 'px', '%', 'em' ],
128		- 'range' => [
129		- 'px' => [
130		- 'min' => 0,
131		- 'max' => 50,
132		- 'step' => 1,
133		- ],
134		- '%' => [
135		- 'min' => 0,
136		- 'max' => 100,
137		- ],
	121	+ // move it to specific controls
	122	+ $this->add_control(
	123	+ 'item_gap',
	124	+ [
	125	+ 'label' => esc_html__('Inner Content Spacing', 'uicore-elements'),
	126	+ 'type' => Controls_Manager::SLIDER,
	127	+ 'size_units' => ['px', '%', 'em'],
	128	+ 'range' => [
	129	+ 'px' => [
	130	+ 'min' => 0,
	131	+ 'max' => 50,
	132	+ 'step' => 1,
138	133	],
139		- 'default' => [
140		- 'unit' => 'px',
141		- 'size' => 15,
	134	+ '%' => [
	135	+ 'min' => 0,
	136	+ 'max' => 100,
142	137	],
143		- 'selectors' => [
144		- '{{WRAPPER}} .ui-e-testimonial-flex' => 'margin-bottom: {{SIZE}}{{UNIT}};',
145		- ],
146		- 'conditions' => [
147		- 'relation' => 'and',
148		- 'terms' => [
149		- [
150		- 'name' => 'image_inline',
151		- 'operator' => '===',
152		- 'value' => 'yes',
153		- ],
154		- [
155		- 'name' => 'layout',
156		- 'operator' => 'in',
157		- 'value' => ['layout_2'],
158		- ],
	138	+ ],
	139	+ 'default' => [
	140	+ 'unit' => 'px',
	141	+ 'size' => 15,
	142	+ ],
	143	+ 'selectors' => [
	144	+ '{{WRAPPER}} .ui-e-testimonial-flex' => 'margin-bottom: {{SIZE}}{{UNIT}};',
	145	+ ],
	146	+ 'conditions' => [
	147	+ 'relation' => 'and',
	148	+ 'terms' => [
	149	+ [
	150	+ 'name' => 'image_inline',
	151	+ 'operator' => '===',
	152	+ 'value' => 'yes',
159	153	],
	154	+ [
	155	+ 'name' => 'layout',
	156	+ 'operator' => 'in',
	157	+ 'value' => ['layout_2'],
	158	+ ],
160	159	],
161		- ]
162		- );
163		- $this->register_all_carousel_item_style_controls();
	160	+ ],
	161	+ ]
	162	+ );
	163	+ $this->TRAIT_register_all_item_style_controls();
164	164
165	165	$this->end_controls_section();
166	166
167		- $this->register_style_controls(); // All Testimonial components styles
168		- $this->register_navigation_style_controls(); // Carousel Navigation Styles
	167	+ $this->TRAIT_register_style_controls(); // All Testimonial components styles
	168	+ $this->TRAIT_register_navigation_style_controls(); // Carousel Navigation Styles
169	169
170	170	$this->start_controls_section(
171	171	'section_style_animations',
172	172	[
		@@ -174,35 +174,36 @@
174	174	'tab' => Controls_Manager::TAB_STYLE,
175	175	]
176	176	);
177	177
178		- $this->register_testimonial_animation_controls();
	178	+ $this->TRAIT_register_testimonial_animation_controls();
179	179
180	180	$this->end_controls_section();
	181	+
	182	+ // We need to set border radius as variable to use item radius on other components on swiper elements
	183	+ $this->update_control('item_border_radius', [
	184	+ 'selectors' => [
	185	+ '{{WRAPPER}} .ui-e-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	186	+ '{{WRAPPER}}' => '--ui-e-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	187	+ ],
	188	+ ]);
181	189	}
182	190	public function render()
183	191	{
184		- $ID = $this->get_ID();
185	192	$settings = $this->get_settings_for_display();
186		-
187		- $this->add_render_attribute('review-carousel', 'class', ['ui-e-carousel', "carousel-$ID"]);
188		- ?>
189		- <div <?php $this->print_render_attribute_string('review-carousel'); ?>>
	193	+ $total_slides = count($settings['review_items']);
	194	+ $this->TRAIT_render_center_loop_warning($total_slides);
	195	+?>
	196	+ <div class="ui-e-carousel swiper">
	197	+ <div class='swiper-wrapper'>
190	198	<?php
191		-
192		- foreach ( $settings['review_items'] as $index => $item ) :
193		- $this->render_review_item($item, $settings['layout'], false);
194		- endforeach;
195		-
196		- if(in_array('arrows', $settings['navigation'])) {
197		- $this->render_carousel_arrows();
198		- }
199		-
200		- if(in_array('fraction', $settings['navigation'])) {
201		- $this->render_carousel_fraction();
202		- }
	199	+ foreach ($settings['review_items'] as $index => $item) :
	200	+ $this->TRAIT_render_review_item($item, $settings['layout']);
	201	+ endforeach;
203	202	?>
204	203	</div>
205		- <?php
	204	+ </div>
	205	+ <?php $this->TRAIT_render_carousel_navigations($total_slides); ?>
	206	+<?php
206	207	}
207	208	}
208		-\Elementor\Plugin::instance()->widgets_manager->register(new TestimonialCarousel());
	209	+\Elementor\Plugin::instance()->widgets_manager->register(new TestimonialCarousel());