Your IP : 3.145.38.150
<?php
/**
* Metabox range control.
*
* @package Neve\Admin\Metabox\Controls
*/
namespace Neve\Admin\Metabox\Controls;
/**
* Class Range
*
* @package Neve\Admin\Metabox\Controls
*/
class Range extends Control_Base {
/**
* Control type.
*
* @var string
*/
public $type = 'range';
/**
* Render control.
*
* @return void
*/
public function render_content( $post_id ) {
$value = $this->get_value( $post_id );
$class = 'neve-range-input ';
$dependency = '';
if ( $this->settings['hidden'] === true ) {
$class .= ' neve-hidden';
}
if ( isset( $this->settings['depends_on'] ) ) {
$dependency .= ' data-depends=' . esc_attr( $this->settings['depends_on'] );
$class .= ' neve-dependent';
}
$markup = '
<style>
.neve-range-input{display: flex; align-items: center;}
.neve-range-input .nv-range{flex-grow: 1; margin-right: 5px;}
.neve-range-input .nv-number{min-width: 0; margin-left: auto;}
.neve-range-input.neve-hidden{display: none;}
</style>';
$markup .= '<p class="' . esc_attr( $class ) . '" ' . esc_attr( $dependency ) . ' >';
$markup .= '<input type="range"
value="' . esc_attr( $value ) . '"
id="' . esc_attr( $this->id ) . '-range' . '"
class="nv-range"
name="' . esc_attr( $this->id ) . '"
min="' . esc_attr( $this->settings['min'] ) . '"
max="' . esc_attr( $this->settings['max'] ) . '" >';
$markup .= '<input type="number"
value="' . esc_attr( $value ) . '"
id="' . esc_attr( $this->id ) . '"
class="nv-number"
name="' . esc_attr( $this->id ) . '"
min="' . esc_attr( $this->settings['min'] ) . '"
max="' . esc_attr( $this->settings['max'] ) . '" >';
$markup .= '</p>';
echo $markup; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
}