Ticket #25618: test-control.php

<?php
/**
 * Drop into mu-plugins to test Media Manager in Customizer
 * @link https://core.trac.wordpress.org/ticket/25618
 */

require_once ABSPATH . WPINC . '/class-wp-customize-control.php';

add_action( 'customize_register', function ( $wp_customize ) {

        $wp_customize->add_section( 'test', array(
                'title' => 'Test',
        ) );

        $wp_customize->add_setting(
                'media_manager',
                array(
                        'type' => 'option',
                        'capability' => 'edit_theme_options',
                        'transport' => 'refresh',
                )
        );
        $control = new WP_Media_Manager_Control(
                $wp_customize,
                'media_manager',
                array(
                        'section' => 'test',
                        'label' => 'Media Manager',
                )
        );
        $wp_customize->add_control( $control );

} );

class WP_Media_Manager_Control extends WP_Customize_Control {
        public $type = 'media_manager';

        public function enqueue() {
                wp_enqueue_media();
        }

        public function render_content() {
                ?>
                <label>
                        <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
                        <div class="customize-control-content">
                                <button id="temp-click-me" type="button" class='button'>Open Media Manager</button>
                                <script>
                                jQuery(function ($) {
                                        $('#temp-click-me').click(function () {
                                                var manager = wp.media({
                                                        frame: 'select',
                                                        title: 'Test',
                                                        button: {
                                                                text: 'Test'
                                                        }
                                                })
                                                manager.open();
                                        });
                                });
                                </script>
                        </div>
                </label>
        <?php
        }
}