.
*
* @package Redux_Field
* @subpackage Border
* @version 3.0.0
*/
// Exit if accessed directly
if( !defined( 'ABSPATH' ) ) exit;
// Don't duplicate me!
if( class_exists( 'ReduxFramework_border' ) ) return;
class ReduxFramework_border extends ReduxFramework {
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since ReduxFramework 1.0.0
*/
function __construct($field = array(), $value ='', $parent){
//parent::__construct( $parent->sections, $parent->args );
$this->parent = $parent;
$this->field = $field;
$this->value = $value;
}//function
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since ReduxFramework 1.0.0
*/
function render(){
// No errors please
$defaults = array(
'top' => true,
'bottom' => true,
'all' => true,
'style' => true,
'color' => true,
'left' => true,
'right' => true,
);
$this->field = wp_parse_args( $this->field, $defaults );
$defaults = array(
'top'=>'',
'right'=>'',
'bottom'=>'',
'left'=>'',
'color'=>'',
'style'=>'',
);
$this->value = wp_parse_args( $this->value, $defaults );
$value = array(
'top' => isset( $this->value['border-top'] ) ? filter_var($this->value['border-top'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['top'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
'right' => isset( $this->value['border-right'] ) ? filter_var($this->value['border-right'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['right'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
'bottom' => isset( $this->value['border-bottom'] ) ? filter_var($this->value['border-bottom'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['bottom'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
'left' => isset( $this->value['border-left'] ) ? filter_var($this->value['border-left'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['left'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
'color' => isset( $this->value['border-color'] ) ? $this->value['border-color'] : $this->value['color'],
'style' => isset( $this->value['border-style'] ) ? $this->value['border-style'] : $this->value['style']
);
if ( ( isset( $this->value['width'] ) || isset( $this->value['border-width'] ) ) ) {
if ( isset( $this->value['border-width'] ) && !empty( $this->value['border-width'] ) ) {
$this->value['width'] = $this->value['border-width'];
}
$value['top'] = $this->value['width'];
$value['right'] = $this->value['width'];
$value['bottom'] = $this->value['width'];
$value['left'] = $this->value['width'];
}
$this->value = $value;
$defaults = array(
'top'=>'',
'right'=>'',
'bottom'=>'',
'left'=>'',
);
$this->value = wp_parse_args( $this->value, $defaults );
echo '';
if ( isset( $this->field['all'] ) && $this->field['all'] == true ) {
echo '
';
}
echo '';
echo '';
echo '';
echo '';
if ( !isset( $this->field['all'] ) || $this->field['all'] !== true ) :
/**
Top
**/
if ($this->field['top'] === true):
echo '
';
endif;
/**
Right
**/
if ($this->field['right'] === true):
echo '
';
endif;
/**
Bottom
**/
if ($this->field['bottom'] === true):
echo '
';
endif;
/**
Left
**/
if ($this->field['left'] === true):
echo '
';
endif;
endif;
/**
Border-style
**/
if ( $this->field['style'] != false ):
$options = array(
'solid' => 'Solid',
'dashed' => 'Dashed',
'dotted' => 'Dotted',
'none' => 'None'
);
echo '';
endif;
/**
Color
**/
if ( $this->field['color'] != false ):
$default = isset( $this->field['border-color'] ) ? $this->field['border-color'] : "";
$default = ( empty( $default ) && isset( $this->field['color'] ) ) ? $this->field['color'] : "";
echo '';
endif;
}//function
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since ReduxFramework 1.0.0
*/
function enqueue(){
wp_enqueue_script( 'select2-js' );
wp_enqueue_style( 'select2-css' );
wp_enqueue_script(
'redux-field-border-js',
ReduxFramework::$_url.'inc/fields/border/field_border.js',
array('jquery', 'select2-js', 'redux-vendor'),
time(),
true
);
wp_enqueue_style(
'redux-field-border-css',
ReduxFramework::$_url.'inc/fields/border/field_border.css',
time(),
true
);
}//function
public function output() {
$cleanValue = array(
'top' => !empty( $this->value['border-top'] ) ? $this->value['border-top'] : 'inherit',
'right' => !empty( $this->value['border-right'] ) ? $this->value['border-right'] : 'inherit',
'bottom' => !empty( $this->value['border-bottom'] ) ? $this->value['border-bottom'] : 'inherit',
'left' => !empty( $this->value['border-left'] ) ? $this->value['border-left'] : 'inherit',
'color' => !empty( $this->value['border-color'] ) ? $this->value['border-color'] : 'inherit',
'style' => !empty( $this->value['border-style'] ) ? $this->value['border-style'] : 'inherit'
);
$style = "";
//absolute, padding, margin
if ( !isset( $this->field['all'] ) || $this->field['all'] != true ) {
foreach($cleanValue as $key=>$value) {
if ($key == "color" || $key == "style" ) {
continue;
}
$style .= 'border-' . $key . ':' . $value . ' '.$cleanValue['style'] . ' '. $cleanValue['color'] . ';';
}
} else {
$style .= 'border:' . $value['top'] . ' ' . $cleanValue['style'] . ' '. $cleanValue['color'] .';';
}
if ( !empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
$keys = implode(",", $this->field['output']);
$this->parent->outputCSS .= $keys . "{" . $style . '}';
}
if ( !empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
$keys = implode(",", $this->field['compiler']);
$style = $keys . "{" . $style . '}';
$this->parent->compilerCSS .= $keys . "{" . $style . '}';
}
}
}//class