field, array(
'top_icon' => '',
'left_icon' => '',
'bottom_icon' => '',
'right_icon' => '',
'all_icon' => '',
'top_placeholder' => esc_html__('top', 'csf'),
'right_placeholder' => esc_html__('right', 'csf'),
'bottom_placeholder' => esc_html__('bottom', 'csf'),
'left_placeholder' => esc_html__('left', 'csf'),
'all_placeholder' => esc_html__('all', 'csf'),
'top' => true,
'left' => true,
'bottom' => true,
'right' => true,
'all' => false,
'color' => true,
'style' => true,
'unit' => 'px',
));
$default_value = array(
'top' => '',
'right' => '',
'bottom' => '',
'left' => '',
'color' => '',
'style' => 'solid',
'all' => '',
);
$border_props = array(
'solid' => esc_html__('Solid', 'csf'),
'dashed' => esc_html__('Dashed', 'csf'),
'dotted' => esc_html__('Dotted', 'csf'),
'double' => esc_html__('Double', 'csf'),
'inset' => esc_html__('Inset', 'csf'),
'outset' => esc_html__('Outset', 'csf'),
'groove' => esc_html__('Groove', 'csf'),
'ridge' => esc_html__('ridge', 'csf'),
'none' => esc_html__('None', 'csf')
);
$default_value = (!empty($this->field['default'])) ? wp_parse_args($this->field['default'], $default_value) : $default_value;
$value = wp_parse_args($this->value, $default_value);
echo $this->field_before();
echo '
';
if (!empty($args['color'])) {
$default_color_attr = (!empty($default_value['color'])) ? ' data-default-color="' . esc_attr($default_value['color']) . '"' : '';
echo '';
echo '
';
echo '';
echo '
';
echo '
';
}
echo $this->field_after();
}
public function output()
{
$output = '';
$unit = (!empty($this->value['unit'])) ? $this->value['unit'] : 'px';
$important = (!empty($this->field['output_important'])) ? '!important' : '';
$element = (is_array($this->field['output'])) ? join(',', $this->field['output']) : $this->field['output'];
// properties
$top = (isset($this->value['top']) && $this->value['top'] !== '') ? $this->value['top'] : '';
$right = (isset($this->value['right']) && $this->value['right'] !== '') ? $this->value['right'] : '';
$bottom = (isset($this->value['bottom']) && $this->value['bottom'] !== '') ? $this->value['bottom'] : '';
$left = (isset($this->value['left']) && $this->value['left'] !== '') ? $this->value['left'] : '';
$style = (isset($this->value['style']) && $this->value['style'] !== '') ? $this->value['style'] : '';
$color = (isset($this->value['color']) && $this->value['color'] !== '') ? $this->value['color'] : '';
$all = (isset($this->value['all']) && $this->value['all'] !== '') ? $this->value['all'] : '';
if (!empty($this->field['all']) && ($all !== '' || $color !== '')) {
$output = $element . '{';
$output .= ($all !== '') ? 'border-width:' . $all . $unit . $important . ';' : '';
$output .= ($color !== '') ? 'border-color:' . $color . $important . ';' : '';
$output .= ($style !== '') ? 'border-style:' . $style . $important . ';' : '';
$output .= '}';
} else if ($top !== '' || $right !== '' || $bottom !== '' || $left !== '' || $color !== '') {
$output = $element . '{';
$output .= ($top !== '') ? 'border-top-width:' . $top . $unit . $important . ';' : '';
$output .= ($right !== '') ? 'border-right-width:' . $right . $unit . $important . ';' : '';
$output .= ($bottom !== '') ? 'border-bottom-width:' . $bottom . $unit . $important . ';' : '';
$output .= ($left !== '') ? 'border-left-width:' . $left . $unit . $important . ';' : '';
$output .= ($color !== '') ? 'border-color:' . $color . $important . ';' : '';
$output .= ($style !== '') ? 'border-style:' . $style . $important . ';' : '';
$output .= '}';
}
$this->parent->output_css .= $output;
return $output;
}
}
}