.
*
* @package ReduxFramework
* @subpackage Field_Background
* @author Dovy Paukstys
* @version 3.1.5
*/
// Exit if accessed directly
if (!defined('ABSPATH')) {
exit;
}
// Don't duplicate me!
if (!class_exists('ReduxFramework_background')) {
/**
* Main ReduxFramework_background class
*
* @since 3.1.5
*/
class ReduxFramework_background {
/**
* Field Constructor.
*
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since 3.1.5
* @access public
* @return void
*/
function __construct($field = array(), $value = '', $parent) {
$this->parent = $parent;
$this->field = $field;
$this->value = $value;
}
/**
* Field Render Function.
*
* Takes the vars and outputs the HTML for the field in the settings
*
* @since 1.0.0
* @access public
* @return void
*/
public function render() {
$defaults = array(
'background-color' => true,
'background-repeat' => true,
'background-attachment' => true,
'background-position' => true,
'background-image' => true,
'background-gradient' => false,
'background-clip' => false,
'background-origin' => false,
'background-size' => true,
'preview_media' => false,
'preview' => true,
'preview_height' => '200px',
'transparent' => true,
);
$this->field = wp_parse_args($this->field, $defaults);
// No errors please
$defaults = array(
'background-color' => '',
'background-repeat' => '',
'background-attachment' => '',
'background-position' => '',
'background-image' => '',
'background-clip' => '',
'background-origin' => '',
'background-size' => '',
'media' => array(),
);
$this->value = wp_parse_args($this->value, $defaults);
$defaults = array(
'id' => '',
'width' => '',
'height' => '',
'thumbnail' => '',
);
$this->value['media'] = wp_parse_args($this->value['media'], $defaults);
if ($this->field['background-color'] === true) {
if (isset($this->value['color']) && empty($this->value['background-color'])) {
$this->value['background-color'] = $this->value['color'];
}
echo '';
if (!isset($this->field['transparent']) || $this->field['transparent'] !== false) {
$tChecked = "";
if ($this->value['background-color'] == "transparent") {
$tChecked = ' checked="checked"';
}
echo '';
}
if ($this->field['background-repeat'] === true || $this->field['background-position'] === true || $this->field['background-attachment'] === true) {
echo '
';
}
}
if ($this->field['background-repeat'] === true) {
$array = array(
'no-repeat' => 'No Repeat',
'repeat' => 'Repeat All',
'repeat-x' => 'Repeat Horizontally',
'repeat-y' => 'Repeat Vertically',
'inherit' => 'Inherit',
);
echo '';
}
if ($this->field['background-clip'] === true) {
$array = array(
'inherit' => 'Inherit',
'border-box' => 'Border Box',
'content-box' => 'Content Box',
'padding-box' => 'Padding Box',
);
echo '';
}
if ($this->field['background-origin'] === true) {
$array = array(
'inherit' => 'Inherit',
'border-box' => 'Border Box',
'content-box' => 'Content Box',
'padding-box' => 'Padding Box',
);
echo '';
}
if ($this->field['background-size'] === true) {
$array = array(
'inherit' => 'Inherit',
'cover' => 'Cover',
'contain' => 'Contain',
);
echo '';
}
if ($this->field['background-attachment'] === true) {
$array = array(
'fixed' => 'Fixed',
'scroll' => 'Scroll',
'inherit' => 'Inherit',
);
echo '';
}
if ($this->field['background-position'] === true) {
$array = array(
'left top' => 'Left Top',
'left center' => 'Left center',
'left bottom' => 'Left Bottom',
'center top' => 'Center Top',
'center center' => 'Center Center',
'center bottom' => 'Center Bottom',
'right top' => 'Right Top',
'right center' => 'Right center',
'right bottom' => 'Right Bottom',
);
echo '';
}
if ($this->field['background-image'] === true) {
echo '
';
if (empty($this->value) && !empty($this->field['default'])) { // If there are standard values and value is empty
if (is_array($this->field['default'])) {
if (!empty($this->field['default']['media']['id'])) {
$this->value['media']['id'] = $this->field['default']['media']['id'];
} else if (!empty($this->field['default']['id'])) {
$this->value['media']['id'] = $this->field['default']['id'];
}
if (!empty($this->field['default']['url'])) {
$this->value['background-image'] = $this->field['default']['url'];
} else if (!empty($this->field['default']['media']['url'])) {
$this->value['background-image'] = $this->field['default']['media']['url'];
} else if (!empty($this->field['default']['background-image'])) {
$this->value['background-image'] = $this->field['default']['background-image'];
}
} else {
if (is_numeric($this->field['default'])) { // Check if it's an attachment ID
$this->value['media']['id'] = $this->field['default'];
} else { // Must be a URL
$this->value['background-image'] = $this->field['default'];
}
}
}
if (empty($this->value['background-image']) && !empty($this->value['media']['id'])) {
$img = wp_get_attachment_image_src($this->value['media']['id'], 'full');
$this->value['background-image'] = $img[0];
$this->value['media']['width'] = $img[1];
$this->value['media']['height'] = $img[2];
}
$hide = 'hide ';
if ((isset($this->field['preview_media']) && $this->field['preview_media'] === false)) {
$this->field['class'] .= " noPreview";
}
if ((!empty($this->field['background-image']) && $this->field['background-image'] === true ) || isset($this->field['preview']) && $this->field['preview'] === false) {
$hide = '';
}
$placeholder = isset($this->field['placeholder']) ? $this->field['placeholder'] : __('No media selected', 'redux-framework');
echo '';
echo '';
echo '';
echo '';
echo '';
//Preview
$hide = '';
if ((isset($this->field['preview_media']) && $this->field['preview_media'] === false) || empty($this->value['background-image'])) {
$hide = 'hide ';
}
if (empty($this->value['media']['thumbnail']) && !empty($this->value['background-image'])) { // Just in case
if (!empty($this->value['media']['id'])) {
$image = wp_get_attachment_image_src($this->value['media']['id'], array(150, 150));
$this->value['media']['thumbnail'] = $image[0];
} else {
$this->value['media']['thumbnail'] = $this->value['background-image'];
}
}
echo '';
//Upload controls DIV
echo '';
//If the user has WP3.5+ show upload/remove button
echo '' . __('Upload', 'redux-framework') . '';
$hide = '';
if (empty($this->value['background-image']) || $this->value['background-image'] == '')
$hide = ' hide';
echo '' . __('Remove', 'redux-framework') . '';
echo '
';
}
/**
Preview
* */
if (!isset($this->field['preview']) || $this->field['preview'] !== false):
$css = $this->getCSS();
if (empty($css)) {
$css = "display:none;";
}
$css .= "height: " . $this->field['preview_height'] . ";";
echo '
';
endif;
}
/**
* Enqueue Function.
*
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since 1.0.0
* @access public
* @return void
*/
public function enqueue() {
wp_enqueue_script(
'redux-field-background-js',
ReduxFramework::$_url . 'inc/fields/background/field_background.js',
array('jquery', 'wp-color-picker', 'select2-js'),
time(),
true
);
wp_enqueue_script(
'field-select-js',
ReduxFramework::$_url . 'inc/fields/select/field_select.js',
array('jquery', 'select2-js'),
time(),
true
);
wp_enqueue_style(
'redux-field-background-css',
ReduxFramework::$_url . 'inc/fields/background/field_background.css',
time(),
true
);
wp_enqueue_style(
'redux-field-select-css',
ReduxFramework::$_url . 'inc/fields/select/field_select.css',
time(),
true
);
}
public static function getCSS($value = array()) {
$css = '';
if (!empty($value) && is_array($value)) {
foreach ($value as $key => $value) {
if (!empty($value) && $key != "media") {
if ($key == "background-image") {
$css .= $key . ":url('" . $value . "');";
} else {
$css .= $key . ":" . $value . ";";
}
}
}
}
return $css;
}
public function output() {
$style = $this->getCSS($this->value);
if (!empty($style)) {
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']);
$this->parent->compilerCSS .= $keys . "{" . $style . '}';
}
}
}
}
}