1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

<?php
/**
 * Customize API: WP_Customize_Nav_Menu_Control class
 *
 * @package WordPress
 * @subpackage Customize
 * @since 4.4.0
 */

/**
 * Customize Nav Menu Control Class.
 *
 * @since 4.3.0
 *
 * @see WP_Customize_Control
 */
class WP_Customize_Nav_Menu_Control extends WP_Customize_Control {

    /**
     * Control type.
     *
     * @since 4.3.0
     * @var string
     */
    public $type = 'nav_menu';

    /**
     * Don't render the control's content - it uses a JS template instead.
     *
     * @since 4.3.0
     */
    public function render_content() {}

    /**
     * JS/Underscore template for the control UI.
     *
     * @since 4.3.0
     */
    public function content_template() {
        $add_items = __( 'Add Items' );
        ?>
        <p class="new-menu-item-invitation">
            <?php
            printf(
                /* translators: %s: "Add Items" button text */
                __( 'Time to add some links! Click &#8220;%s&#8221; to start putting pages, categories, and custom links in your menu. Add as many things as you&#8217;d like.' ),
                $add_items
            );
            ?>
        </p>
        <div class="customize-control-nav_menu-buttons">
            <button type="button" class="button add-new-menu-item" aria-label="<?php esc_attr_e( 'Add or remove menu items' ); ?>" aria-expanded="false" aria-controls="available-menu-items">
                <?php echo $add_items; ?>
            </button>
            <button type="button" class="button-link reorder-toggle" aria-label="<?php esc_attr_e( 'Reorder menu items' ); ?>" aria-describedby="reorder-items-desc-{{ data.menu_id }}">
                <span class="reorder"><?php _e( 'Reorder' ); ?></span>
                <span class="reorder-done"><?php _e( 'Done' ); ?></span>
            </button>
        </div>
        <p class="screen-reader-text" id="reorder-items-desc-{{ data.menu_id }}"><?php _e( 'When in reorder mode, additional controls to reorder menu items will be available in the items list above.' ); ?></p>
        <?php
    }

    /**
     * Return parameters for this control.
     *
     * @since 4.3.0
     *
     * @return array Exported parameters.
     */
    public function json() {
        $exported            = parent::json();
        $exported['menu_id'] = $this->setting->term_id;

        return $exported;
    }
}