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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
|
<?php
namespace Elementor;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
/**
* Elementor dimension control.
*
* A base control for creating dimension control. Displays input fields for top,
* right, bottom, left and the option to link them together.
*
* @since 1.0.0
*/
class Control_Dimensions extends Control_Base_Units {
/**
* Get dimensions control type.
*
* Retrieve the control type, in this case `dimensions`.
*
* @since 1.0.0
* @access public
*
* @return string Control type.
*/
public function get_type() {
return 'dimensions';
}
/**
* Get dimensions control default values.
*
* Retrieve the default value of the dimensions control. Used to return the
* default values while initializing the dimensions control.
*
* @since 1.0.0
* @access public
*
* @return array Control default value.
*/
public function get_default_value() {
return array_merge(
parent::get_default_value(), [
'top' => '',
'right' => '',
'bottom' => '',
'left' => '',
'isLinked' => true,
]
);
}
public function get_singular_name() {
return 'dimension';
}
/**
* Get dimensions control default settings.
*
* Retrieve the default settings of the dimensions control. Used to return the
* default settings while initializing the dimensions control.
*
* @since 1.0.0
* @access protected
*
* @return array Control default settings.
*/
protected function get_default_settings() {
return array_merge(
parent::get_default_settings(), [
'label_block' => true,
'allowed_dimensions' => 'all',
'placeholder' => '',
]
);
}
protected function get_dimensions() {
return [
'top' => __( 'Top', 'elementor' ),
'right' => __( 'Right', 'elementor' ),
'bottom' => __( 'Bottom', 'elementor' ),
'left' => __( 'Left', 'elementor' ),
];
}
/**
* Render dimensions control output in the editor.
*
* Used to generate the control HTML in the editor using Underscore JS
* template. The variables for the class are available using `data` JS
* object.
*
* @since 1.0.0
* @access public
*/
public function content_template() {
$class_name = $this->get_singular_name();
?>
<div class="elementor-control-field">
<label class="elementor-control-title">{{{ data.label }}}</label>
<?php $this->print_units_template(); ?>
<div class="elementor-control-input-wrapper">
<ul class="elementor-control-<?php echo esc_attr( $class_name ); ?>s">
<?php
foreach ( $this->get_dimensions() as $dimension_key => $dimension_title ) :
?>
<li class="elementor-control-<?php echo esc_attr( $class_name ); ?>">
<input id="<?php $this->print_control_uid( $dimension_key ); ?>" type="text" data-setting="<?php
// PHPCS - the variable $dimension_key is a plain text.
echo $dimension_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?>" placeholder="<#
placeholder = view.getControlPlaceholder();
if ( _.isObject( placeholder ) && ! _.isUndefined( placeholder.<?php
// PHPCS - the variable $dimension_key is a plain text.
echo $dimension_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?> ) ) {
print( encodeURIComponent( placeholder.<?php
// PHPCS - the variable $dimension_key is a plain text.
echo $dimension_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?> ) );
} else {
print( placeholder ? encodeURIComponent( placeholder ) : '' );
} #>"
<# if ( -1 === _.indexOf( allowed_dimensions, '<?php
// PHPCS - the variable $dimension_key is a plain text.
echo $dimension_key; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?>' ) ) { #>
disabled
<# } #>
/>
<label for="<?php $this->print_control_uid( $dimension_key ); ?>" class="elementor-control-<?php echo esc_attr( $class_name ); ?>-label"><?php
// PHPCS - the variable $dimension_title holds an escaped translated value.
echo $dimension_title; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?></label>
</li>
<?php endforeach; ?>
<li>
<button class="elementor-link-<?php echo esc_attr( $class_name ); ?>s tooltip-target" data-tooltip="<?php echo esc_attr__( 'Link values together', 'elementor' ); ?>">
<span class="elementor-linked">
<i class="eicon-link" aria-hidden="true"></i>
<span class="elementor-screen-only"><?php echo esc_html__( 'Link values together', 'elementor' ); ?></span>
</span>
<span class="elementor-unlinked">
<i class="eicon-chain-broken" aria-hidden="true"></i>
<span class="elementor-screen-only"><?php echo esc_html__( 'Unlinked values', 'elementor' ); ?></span>
</span>
</button>
</li>
</ul>
</div>
</div>
<# if ( data.description ) { #>
<div class="elementor-control-field-description">{{{ data.description }}}</div>
<# } #>
<?php
}
}
|