/** * 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 }