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
|
<?php
/**
* Template for displaying the dimensions field
*
* @var array $field The field.
* @package YITH\PluginFramework\Templates\Fields
*/
defined( 'ABSPATH' ) || exit; // Exit if accessed directly.
$default_options = array(
'dimensions' => array(
'top' => _x( 'Top', 'Position in the "Dimensions" field', 'yith-plugin-fw' ),
'right' => _x( 'Right', 'Position in the "Dimensions" field', 'yith-plugin-fw' ),
'bottom' => _x( 'Bottom', 'Position in the "Dimensions" field', 'yith-plugin-fw' ),
'left' => _x( 'Left', 'Position in the "Dimensions" field', 'yith-plugin-fw' ),
),
'units' => array(
'px' => 'px',
'percentage' => '%',
),
'allow_linked' => true,
'min' => false,
'max' => false,
);
$field = wp_parse_args( $field, $default_options );
list ( $field_id, $class, $name, $dimensions, $units, $allow_linked, $min, $max, $value, $data, $custom_attributes ) = yith_plugin_fw_extract( $field, 'id', 'class', 'name', 'dimensions', 'units', 'allow_linked', 'min', 'max', 'value', 'data', 'custom_attributes' );
$class = isset( $class ) ? $class : '';
$class = 'yith-plugin-fw-dimensions ' . $class;
$value = ! empty( $value ) ? $value : array();
$unit_value = isset( $value['unit'] ) ? $value['unit'] : current( array_keys( $units ) );
$dimensions_values = isset( $value['dimensions'] ) ? $value['dimensions'] : array();
$linked = isset( $value['linked'] ) ? $value['linked'] : 'yes';
if ( $allow_linked && 'yes' === $linked ) {
$class .= ' yith-plugin-fw-dimensions--linked-active';
}
?>
<div id="<?php echo esc_attr( $field_id ); ?>" class="<?php echo esc_attr( $class ); ?>"
<?php yith_plugin_fw_html_attributes_to_string( $custom_attributes, true ); ?>
<?php yith_plugin_fw_html_data_to_string( $data, true ); ?>
>
<div class="yith-plugin-fw-dimensions__dimensions">
<?php foreach ( $dimensions as $key => $dimension ) : ?>
<?php
$d_key = sanitize_title( $key );
$d_id = "{$field_id}-dimension-{$d_key}";
$d_name = "{$name}[dimensions][{$d_key}]";
$d_value = isset( $dimensions_values[ $key ] ) ? $dimensions_values[ $key ] : 0;
$d_attributes = array();
$d_label = $dimension;
$d_min = $min;
$d_max = $max;
if ( is_array( $dimension ) ) {
$d_label = isset( $dimension['label'] ) ? $dimension['label'] : $key;
if ( isset( $dimension['custom_attributes'] ) && is_array( $dimension['custom_attributes'] ) ) {
$d_attributes = array_merge( $d_attributes, $dimension['custom_attributes'] );
}
$d_min = isset( $dimension['min'] ) ? $dimension['min'] : $d_min;
$d_max = isset( $dimension['max'] ) ? $dimension['max'] : $d_max;
}
if ( false !== $d_max ) {
$d_attributes['max'] = $d_max;
}
if ( false !== $d_min ) {
$d_attributes['min'] = $d_min;
}
?>
<div class="yith-plugin-fw-dimensions__dimension yith-plugin-fw-dimensions__dimension--<?php echo esc_attr( $d_key ); ?>">
<label for="<?php echo esc_attr( $d_id ); ?>" class="yith-plugin-fw-dimensions__dimension__label"><?php echo esc_html( $d_label ); ?></label>
<input id="<?php echo esc_attr( $d_id ); ?>" class="yith-plugin-fw-dimensions__dimension__number"
type="number" name="<?php echo esc_attr( $d_name ); ?>" value="<?php echo esc_attr( $d_value ); ?>"
<?php if ( false !== $d_max ) : ?>
max="<?php echo esc_attr( $d_max ); ?>"
<?php endif; ?>
<?php if ( false !== $d_min ) : ?>
min="<?php echo esc_attr( $d_min ); ?>"
<?php endif; ?>
<?php echo yith_plugin_fw_html_attributes_to_string( $d_attributes ); ?>
>
</div>
<?php endforeach ?>
<?php if ( $allow_linked ) : ?>
<div class="yith-plugin-fw-dimensions__linked" title="<?php echo esc_attr_x( 'Link values together', 'Tooltip in the "Dimensions" field', 'yith-plugin-fw' ); ?>">
<input class='yith-plugin-fw-dimensions__linked__value' type="hidden" name="<?php echo esc_attr( $name ); ?>[linked]" value="<?php echo esc_attr( $linked ); ?>">
<span class="dashicons dashicons-admin-links"></span>
</div>
<?php endif; ?>
</div>
<div class="yith-plugin-fw-dimensions__units">
<input class='yith-plugin-fw-dimensions__unit__value' type="hidden" name="<?php echo esc_attr( $name ); ?>[unit]" value="<?php echo esc_attr( $unit_value ); ?>">
<?php foreach ( $units as $key => $label ) : ?>
<?php
$key = sanitize_title( $key );
$classes = array(
'yith-plugin-fw-dimensions__unit',
"yith-plugin-fw-dimensions__unit--{$key}-unit",
);
if ( $unit_value === $key ) {
$classes[] = 'yith-plugin-fw-dimensions__unit--selected';
}
if ( count( $units ) < 2 ) {
$classes[] = 'yith-plugin-fw-dimensions__unit--unique';
}
$classes = implode( ' ', $classes );
?>
<span class="<?php echo esc_attr( $classes ); ?>" data-value="<?php echo esc_attr( $key ); ?>"><?php echo esc_html( $label ); ?></span>
<?php endforeach ?>
</div>
</div>
|