.
*
* @package ReduxFramework
* @subpackage Field_Images
* @author Daniel J Griffiths (Ghost1227)
* @author Dovy Paukstys
* @version 3.0.0
*/
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// Don't duplicate me!
if ( ! class_exists( 'ReduxFramework_image_select' ) ) {
/**
* Main ReduxFramework_image_select class
*
* @since 1.0.0
*/
class ReduxFramework_image_select {
/**
* Field Constructor.
* Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
*
* @since 1.0.0
* @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() {
if ( ! empty( $this->field['options'] ) ) {
echo '
';
echo '
';
$x = 1;
foreach ( $this->field['options'] as $k => $v ) {
if ( ! is_array( $v ) ) {
$v = array( 'img' => $v );
}
if ( ! isset( $v['title'] ) ) {
$v['title'] = '';
}
if ( ! isset( $v['alt'] ) ) {
$v['alt'] = $v['title'];
}
if ( ! isset( $v['class'] ) ) {
$v['class'] = '';
}
$style = '';
if ( ! empty( $this->field['width'] ) ) {
$style .= 'width: ' . $this->field['width'];
if ( is_numeric( $this->field['width'] ) ) {
$style .= 'px';
}
$style .= ';';
} else {
$style .= " width: 100%; ";
}
if ( ! empty( $this->field['height'] ) ) {
$style .= 'height: ' . $this->field['height'];
if ( is_numeric( $this->field['height'] ) ) {
$style .= 'px';
}
$style .= ';';
}
$theValue = $k;
if ( ! empty( $this->field['tiles'] ) && $this->field['tiles'] == true ) {
$theValue = $v['img'];
}
$selected = ( checked( $this->value, $theValue, false ) != '' ) ? ' redux-image-select-selected' : '';
$presets = '';
$is_preset = false;
$this->field['class'] .= ' noUpdate ';
if ( isset( $this->field['presets'] ) && $this->field['presets'] !== false ) {
$this->field['class'] = trim($this->field['class']);
if ( ! isset( $v['presets'] ) ) {
$v['presets'] = array();
}
if ( ! is_array( $v['presets'] ) ) {
$v['presets'] = json_decode( $v['presets'], true );
}
// Only highlight the preset if it's the same
if ( $selected ) {
if ( empty( $v['presets'] ) ) {
$selected = false;
} else {
foreach ( $v['presets'] as $pk => $pv ) {
if ( isset( $v['merge'] ) && $v['merge'] !== false ) {
if( ( $v['merge'] === true || in_array( $pk, $v['merge'] ) ) && is_array( $this->parent->options[ $pk ] ) ) {
$pv = array_merge( $this->parent->options[ $pk ], $pv );
}
}
if ( empty( $pv ) && isset( $this->parent->options[ $pk ] ) && ! empty( $this->parent->options[ $pk ] ) ) {
$selected = false;
} else if ( ! empty( $pv ) && ! isset( $this->parent->options[ $pk ] ) ) {
$selected = false;
} else if ( isset( $this->parent->options[ $pk ] ) && $this->parent->options[ $pk ] != $pv ) {
$selected = false;
}
if ( ! $selected ) { // We're still not using the same preset. Let's unset that shall we?
$this->value = "";
break;
}
}
}
}
$v['presets']['redux-backup'] = 1;
$presets = ' data-presets="' . htmlspecialchars( json_encode( $v['presets'] ), ENT_QUOTES, 'UTF-8' ) . '"';
$is_preset = true;
$this->field['class'] = trim( $this->field['class'] ) . ' redux-presets';
}
$is_preset_class = $is_preset ? '-preset-' : ' ';
$merge = '';
if ( isset( $v['merge'] ) && $v['merge'] !== false ) {
$merge = is_array( $v['merge'] ) ? implode( '|', $v['merge'] ) : 'true';
$merge = ' data-merge="' . htmlspecialchars( $merge, ENT_QUOTES, 'UTF-8' ) . '"';
}
echo '';
echo '';
echo ' value, $theValue, false ) . $presets . $merge . '/>';
if ( ! empty( $this->field['tiles'] ) && $this->field['tiles'] == true ) {
echo ' ';
} else {
echo ' ';
}
if ( $v['title'] != '' ) {
echo '' . $v['title'] . ' ';
}
echo ' ';
echo ' ';
$x ++;
}
echo ' ';
echo '
';
}
}
/**
* 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-image-select-js',
ReduxFramework::$_url . 'inc/fields/image_select/field_image_select' . Redux_Functions::isMin() . '.js',
array( 'jquery', 'redux-js' ),
time(),
true
);
if ($this->parent->args['dev_mode']) {
wp_enqueue_style(
'redux-field-image-select-css',
ReduxFramework::$_url . 'inc/fields/image_select/field_image_select.css',
array(),
time(),
'all'
);
}
}
public function getCSS( $mode = '' ) {
$css = '';
$value = $this->value;
$output = '';
if ( ! empty( $value ) && ! is_array($value) ) {
switch ( $mode ) {
case 'background-image':
$output = "background-image: url('" . $value . "');";
break;
default:
$output = $mode . ": " . $value . ";";
}
}
$css .= $output;
return $css;
}
public function output() {
$mode = ( isset( $this->field['mode'] ) && ! empty( $this->field['mode'] ) ? $this->field['mode'] : 'background-image' );
if ( ( ! isset( $this->field['output'] ) || ! is_array( $this->field['output'] ) ) && ( ! isset( $this->field['compiler'] ) ) ) {
return;
}
$style = $this->getCSS( $mode );
if ( ! empty( $style ) ) {
if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
$keys = implode( ",", $this->field['output'] );
$style = $keys . "{" . $style . '}';
$this->parent->outputCSS .= $style;
}
if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
$keys = implode( ",", $this->field['compiler'] );
$style = $keys . "{" . $style . '}';
$this->parent->compilerCSS .= $style;
}
}
}
}
}