← All changes | includes/widgets/testimonial-carousel.php +209 -199 1.0.11 → 1.3.18 View file →

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