/**
* Refresh the parameters passed to the JavaScript via JSON.
*
* @since 3.4.0
* @uses WP_Customize_Upload_Control::to_json()
*/
public function to_json()
{
parent::to_json();
$this->json['statuses'] = $this->statuses;
}
/**
* Constructor.
*
* @since 3.4.0
* @uses WP_Customize_Upload_Control::__construct()
*
* @param WP_Customize_Manager $manager Customizer bootstrap instance.
* @param string $id Control ID.
* @param array $args Optional. Arguments to override class property defaults.
*/
public function __construct($manager, $id, $args = array())
{
parent::__construct($manager, $id, $args);
$this->button_labels = array('select' => __('Select Image'), 'change' => __('Change Image'), 'remove' => __('Remove'), 'default' => __('Default'), 'placeholder' => __('No image selected'), 'frame_title' => __('Select Image'), 'frame_button' => __('Choose Image'));
}
/**
* Render a JS template for the content of the media control.
*
* @since 1.0.0
*/
public function content_template()
{
parent::content_template();
?>
<div class="background-image-fields">
<# if ( data.attachment && data.repeat && data.repeat.choices ) { #>
<li class="background-image-repeat">
<# if ( data.repeat.label ) { #>
<span class="customize-control-title">{{ data.repeat.label }}</span>
<# } #>
<select {{{ data.repeat.link }}}>
<# _.each( data.repeat.choices, function( label, choice ) { #>
<option value="{{ choice }}" <# if ( choice === data.repeat.value ) { #> selected="selected" <# } #>>{{ label }}</option>
<# } ) #>
</select>
</li>
<# } #>
<# if ( data.attachment && data.size && data.size.choices ) { #>
<li class="background-image-size">
<# if ( data.size.label ) { #>
<span class="customize-control-title">{{ data.size.label }}</span>
<# } #>
<select {{{ data.size.link }}}>
<# _.each( data.size.choices, function( label, choice ) { #>
<option value="{{ choice }}" <# if ( choice === data.size.value ) { #> selected="selected" <# } #>>{{ label }}</option>
<# } ) #>
</select>
</li>
<# } #>
<# if ( data.attachment && data.position && data.position.choices ) { #>
<li class="background-image-position">
<# if ( data.position.label ) { #>
<span class="customize-control-title">{{ data.position.label }}</span>
<# } #>
<select {{{ data.position.link }}}>
<# _.each( data.position.choices, function( label, choice ) { #>
<option value="{{ choice }}" <# if ( choice === data.position.value ) { #> selected="selected" <# } #>>{{ label }}</option>
<# } ) #>
</select>
</li>
<# } #>
<# if ( data.attachment && data.attach && data.attach.choices ) { #>
<li class="background-image-attach">
<# if ( data.attach.label ) { #>
<span class="customize-control-title">{{ data.attach.label }}</span>
<# } #>
<select {{{ data.attach.link }}}>
<# _.each( data.attach.choices, function( label, choice ) { #>
<option value="{{ choice }}" <# if ( choice === data.attach.value ) { #> selected="selected" <# } #>>{{ label }}</option>
<# } ) #>
</select>
</li>
<# } #>
</div>
<?php
}
