Flynt\Customizer\Range\Control

Complexity

Total Complexity

3

Size/Duplication

Total Lines	62
Duplicated Lines	0 %

Importance

Changes

0

3 Methods

Rating	Name	Duplication	Size	Complexity
A	content_template()	0	30	1
A	render_content()	0	2	1
A	json()	0	10	1

<?php

namespace Flynt\Customizer\Range;

class Control extends \WP_Customize_Control
{
    public $type = 'flynt-range';
    public $unit = '';

    /**
     * Refresh the parameters passed to the JavaScript via JSON.
     *
     * @return array Array of parameters passed to the JavaScript.
     */
    public function json()
    {
        $json = parent::json();
        $json['id'] = $this->id;
        $json['link'] = $this->get_link();
        $json['value'] = $this->value();
        $json['unit'] = $this->unit;
        $json['input_attrs'] = $this->input_attrs;
        $json['default'] = $this->default ?? $this->setting->default;

The property default does not exist on string.

The property default does not exist on Flynt\Customizer\Range\Control. Did you maybe forget to declare it?

        return $json;
    }

    /**
     * Don't render the control content from PHP, as it's rendered via JS on load.
     */
    public function render_content() // phpcs:ignore PSR1.Methods.CamelCapsMethodName.NotCamelCaps
    {
    }

    /**
     * Render a JS template for control display.
     */
    public function content_template() // phpcs:ignore PSR1.Methods.CamelCapsMethodName.NotCamelCaps
    {
        ?>
        <# if ( data.label ) { #><label for="{{{ data.id }}}" class="customize-control-title">{{{ data.label }}} ({{{ data.unit }}})</label><# } #>
        <# if ( data.description ) { #><span class="description customize-control-description">{{{ data.description }}}</span><# } #>

        <div class="customize-control-notifications-container"></div>

        <div class="customize-control-content">
            <div class="flynt-range-field">
                <input
                    type="range"
                    data-change="number"
                    value="{{{ data.value }}}"
                    {{{ data.link }}}
                    <# _.each(_.extend({'class': 'flynt-range flynt-range-slider'}, data.input_attrs), function(value, key) { #>
                        {{{ key }}}="{{ value }}"
                    <# }); #>
                >
                <input
                    type="number"
                    data-change="slider"
                    value="{{{ data.value }}}"
                    id="{{{ data.id }}}"
                    {{{ data.link }}}
                    <# _.each(_.extend({'class': 'flynt-range flynt-range-number'}, data.input_attrs), function(value, key) { #>
                        {{{ key }}}="{{ value }}"
                    <# }); #>
                >
                <button type="button" class="flynt-range-reset button button-secondary" data-default="{{{ data.default }}}"><?php esc_html_e('Default', 'flynt'); ?></button>
            </div>
        </div>

        <?php
    }
}