← All changes | modules/atomic-widgets/elements/atomic-button/atomic-button.php +26 -54 4.3.0-beta3 → 3.30.1 View file →

		@@ -2,18 +2,15 @@
2	2
3	3	namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Button;
4	4
5	5	use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
6		-use Elementor\Modules\AtomicWidgets\Controls\Types\Inline_Editing_Control;
7		-use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Widget_Base;
	6	+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Widget_Base;
8	7	use Elementor\Modules\AtomicWidgets\Controls\Section;
9	8	use Elementor\Modules\AtomicWidgets\Controls\Types\Link_Control;
10		-use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Template;
11		-use Elementor\Modules\AtomicWidgets\Elements\Base\Html_Tag_Computer;
	9	+use Elementor\Modules\AtomicWidgets\Elements\Has_Template;
	10	+use Elementor\Modules\AtomicWidgets\Module;
12	11	use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type;
13		-use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
14	12	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
15		-use Elementor\Modules\AtomicWidgets\PropTypes\Escaped_Html_Prop_Type;
16	13	use Elementor\Modules\AtomicWidgets\PropTypes\Color_Prop_Type;
17	14	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
18	15	use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
19	16	use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
		@@ -19,9 +16,9 @@
19	16	use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
20	17	use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
21	18	use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
22	19	use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
23		-use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type;
	20	+use Elementor\Plugin;
24	21
25	22	if ( ! defined( 'ABSPATH' ) ) {
26	23	exit;
27	24	}
		@@ -37,9 +34,9 @@
37	34	return esc_html__( 'Button', 'elementor' );
38	35	}
39	36
40	37	public function get_keywords() {
41		- return [ 'ato', 'atom', 'atoms', 'atomic', 'button', 'cta', 'link', 'click' ];
	38	+ return [ 'ato', 'atom', 'atoms', 'atomic' ];
42	39	}
43	40
44	41	public function get_icon() {
45	42	return 'eicon-e-button';
		@@ -44,62 +41,52 @@
44	41	public function get_icon() {
45	42	return 'eicon-e-button';
46	43	}
47	44
48		- public static function get_computed_html_tag( array $settings ): string {
49		- return Html_Tag_Computer::compute( $settings, 'button' );
50		- }
51		-
52	45	protected static function define_props_schema(): array {
53	46	$props = [
54	47	'classes' => Classes_Prop_Type::make()
55	48	->default( [] ),
56	49
57		- 'text' => Escaped_Html_Prop_Type::make()
58		- ->default( __( 'Click here', 'elementor' ) )
59		- ->description( 'The text displayed on the button.' )
60		- ->alias( 'content', 'label' ),
	50	+ 'text' => String_Prop_Type::make()
	51	+ ->default( __( 'Click here', 'elementor' ) ),
61	52
62	53	'link' => Link_Prop_Type::make(),
	54	+ ];
63	55
64		- 'tag' => String_Prop_Type::make()
65		- ->default( 'button' )
66		- ->description( 'The HTML tag for the button element.' ),
	56	+ if ( Plugin::$instance->experiments->is_feature_active( Module::EXPERIMENT_VERSION_3_30 ) ) {
	57	+ $props['_cssid'] = String_Prop_Type::make();
	58	+ }
67	59
68		- 'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ),
69		- ];
70		-
71	60	return $props;
72	61	}
73	62
74	63	protected function define_atomic_controls(): array {
	64	+ $settings_section_items = [
	65	+ Link_Control::bind_to( 'link' ),
	66	+ ];
	67	+
	68	+ if ( Plugin::$instance->experiments->is_feature_active( Module::EXPERIMENT_VERSION_3_30 ) ) {
	69	+ $settings_section_items[] = Text_Control::bind_to( '_cssid' )->set_label( __( 'ID', 'elementor' ) )->set_meta( [
	70	+ 'layout' => 'two-columns',
	71	+ 'topDivider' => true,
	72	+ ] );
	73	+ }
	74	+
75	75	return [
76	76	Section::make()
77	77	->set_label( __( 'Content', 'elementor' ) )
78		- ->set_id( 'content' )
79	78	->set_items( [
80		- Inline_Editing_Control::bind_to( 'text' )
81		- ->set_placeholder( __( 'Type your button text here', 'elementor' ) )
82		- ->set_label( __( 'Button text', 'elementor' ) ),
	79	+ Text_Control::bind_to( 'text' )
	80	+ ->set_label( __( 'Button text', 'elementor' ) )
	81	+ ->set_placeholder( __( 'Type your button text here', 'elementor' ) ),
83	82	] ),
84	83	Section::make()
85	84	->set_label( __( 'Settings', 'elementor' ) )
86		- ->set_id( 'settings' )
87		- ->set_items( $this->get_settings_controls() ),
	85	+ ->set_items( $settings_section_items ),
88	86	];
89	87	}
90	88
91		- protected function get_settings_controls(): array {
92		- return [
93		- Link_Control::bind_to( 'link' )
94		- ->set_placeholder( __( 'Type or paste your URL', 'elementor' ) )
95		- ->set_label( __( 'Link', 'elementor' ) ),
96		- Text_Control::bind_to( '_cssid' )
97		- ->set_label( __( 'ID', 'elementor' ) )
98		- ->set_meta( $this->get_css_id_control_meta() ),
99		- ];
100		- }
101		-
102	89	protected function define_base_styles(): array {
103	90	$background_color_value = Background_Prop_Type::generate( [
104	91	'color' => Color_Prop_Type::generate( '#375EFB' ),
105	92	] );
		@@ -149,21 +136,6 @@
149	136	protected function get_templates(): array {
150	137	return [
151	138	'elementor/elements/atomic-button' => __DIR__ . '/atomic-button.html.twig',
152	139	];
153		- }
154		-
155		- public function render_markdown(): string {
156		- $settings = $this->get_atomic_settings();
157		- $text = wp_strip_all_tags( $settings['text'] ?? '' );
158		-
159		- if ( empty( $text ) ) {
160		- return '';
161		- }
162		-
163		- if ( ! empty( $settings['link']['href'] ) ) {
164		- return '[' . $text . '](' . esc_url( $settings['link']['href'] ) . ')';
165		- }
166		-
167		- return '**' . $text . '**';
168	140	}
169	141	}