WordPress 4.3
[autoinstalls/wordpress.git] / wp-admin / customize.php
index 178db28243087f57cd6e87b7e3be29c621ce6731..6ee2de007af3c64a6a651e9756cc908c8aecd66e 100644 (file)
@@ -33,6 +33,10 @@ if ( ! $return ) {
        }
 }
 
+/**
+ * @global WP_Scripts           $wp_scripts
+ * @global WP_Customize_Manager $wp_customize
+ */
 global $wp_scripts, $wp_customize;
 
 $registered = $wp_scripts->registered;
@@ -71,7 +75,7 @@ $body_class = 'wp-core-ui wp-customizer js';
 if ( wp_is_mobile() ) :
        $body_class .= ' mobile';
 
-       ?><meta name="viewport" id="viewport-meta" content="width=device-width, initial-scale=0.8, minimum-scale=0.5, maximum-scale=1.2" /><?php
+       ?><meta name="viewport" id="viewport-meta" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=1.2" /><?php
 endif;
 
 $is_ios = wp_is_mobile() && preg_match( '/iPad|iPod|iPhone/', $_SERVER['HTTP_USER_AGENT'] );
@@ -118,54 +122,33 @@ do_action( 'customize_controls_print_scripts' );
 <body class="<?php echo esc_attr( $body_class ); ?>">
 <div class="wp-full-overlay expanded">
        <form id="customize-controls" class="wrap wp-full-overlay-sidebar">
-               <div id="screen-reader-messages" aria-live="polite" aria-relevant="all" aria-role="status" aria-atomic="true" class="screen-reader-text"></div>
-
                <div id="customize-header-actions" class="wp-full-overlay-header">
                        <?php
-                               $save_text = $wp_customize->is_theme_active() ? __( 'Save &amp; Publish' ) : __( 'Save &amp; Activate' );
-                               submit_button( $save_text, 'primary save', 'save', false );
+                       $save_text = $wp_customize->is_theme_active() ? __( 'Save &amp; Publish' ) : __( 'Save &amp; Activate' );
+                       submit_button( $save_text, 'primary save', 'save', false );
                        ?>
                        <span class="spinner"></span>
+                       <a class="customize-controls-preview-toggle" href="#">
+                               <span class="controls"><?php _e( 'Customize' ); ?></span>
+                               <span class="preview"><?php _e( 'Preview' ); ?></span>
+                       </a>
                        <a class="customize-controls-close" href="<?php echo esc_url( $return ); ?>">
                                <span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
                        </a>
-                       <span class="control-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></span>
                </div>
 
-               <?php
-                       $screenshot = $wp_customize->theme()->get_screenshot();
-                       $cannot_expand = ! ( $wp_customize->is_theme_active() || $screenshot || $wp_customize->theme()->get('Description') );
-               ?>
-
                <div id="widgets-right"><!-- For Widget Customizer, many widgets try to look for instances under div#widgets-right, so we have to add that ID to a container div in the Customizer for compat -->
                <div class="wp-full-overlay-sidebar-content" tabindex="-1">
-                       <div id="customize-info" class="accordion-section <?php if ( $cannot_expand ) echo ' cannot-expand'; ?>">
-                               <div class="accordion-section-title" aria-label="<?php esc_attr_e( 'Customizer Options' ); ?>" tabindex="0">
+                       <div id="customize-info" class="accordion-section customize-info">
+                               <div class="accordion-section-title" aria-label="<?php esc_attr_e( 'Customizer Options' ); ?>">
                                        <span class="preview-notice"><?php
-                                               if ( ! $wp_customize->is_theme_active() ) {
-                                                       /* translators: %s is the theme name in the Customize/Live Preview pane */
-                                                       echo sprintf( __( 'You are previewing %s' ), '<strong class="theme-name">' . $wp_customize->theme()->display('Name') . '</strong>' );
-                                               } else {
-                                                       /* translators: %s is the site/panel title in the Customize pane */
-                                                       echo sprintf( __( 'You are customizing %s' ), '<strong class="theme-name site-title">' . get_bloginfo( 'name' ) . '</strong>' );
-                                               }
+                                               echo sprintf( __( 'You are customizing %s' ), '<strong class="panel-title site-title">' . get_bloginfo( 'name' ) . '</strong>' );
                                        ?></span>
+                                       <button class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text"><?php _e( 'Help' ); ?></span></button>
                                </div>
-                               <?php if ( ! $cannot_expand ) : ?>
-                               <div class="accordion-section-content">
-                                       <?php if ( ! $wp_customize->is_theme_active() ) :
-                                               if ( $screenshot ) : ?>
-                                                       <img class="theme-screenshot" src="<?php echo esc_url( $screenshot ); ?>" />
-                                               <?php endif; ?>
-
-                                               <?php if ( $wp_customize->theme()->get('Description') ): ?>
-                                                       <div class="theme-description"><?php echo $wp_customize->theme()->display('Description'); ?></div>
-                                               <?php endif;
-                                       else:
-                                               echo __( 'The Customizer allows you to preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them.' );
-                                       endif; ?>
-                               </div>
-                               <?php endif; ?>
+                               <div class="customize-panel-description"><?php
+                                       _e( 'The Customizer allows you to preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them.' );
+                               ?></div>
                        </div>
 
                        <div id="customize-theme-controls">
@@ -175,16 +158,18 @@ do_action( 'customize_controls_print_scripts' );
                </div>
 
                <div id="customize-footer-actions" class="wp-full-overlay-footer">
-                       <a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
+                       <button type="button" class="collapse-sidebar button-secondary" aria-expanded="true" aria-label="<?php esc_attr_e( 'Collapse Sidebar' ); ?>">
                                <span class="collapse-sidebar-arrow"></span>
-                               <span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
-                       </a>
+                               <span class="collapse-sidebar-label"><?php _e( 'Collapse' ); ?></span>
+                       </button>
                </div>
        </form>
        <div id="customize-preview" class="wp-full-overlay-main"></div>
        <?php
 
-       // Render control templates.
+       // Render Panel, Section, and Control templates.
+       $wp_customize->render_panel_templates();
+       $wp_customize->render_section_templates();
        $wp_customize->render_control_templates();
 
        /**
@@ -220,14 +205,6 @@ do_action( 'customize_controls_print_scripts' );
         */
        $allowed_urls = array_unique( apply_filters( 'customize_allowed_urls', $allowed_urls ) );
 
-       $fallback_url = add_query_arg( array(
-               'preview'        => 1,
-               'template'       => $wp_customize->get_template(),
-               'stylesheet'     => $wp_customize->get_stylesheet(),
-               'preview_iframe' => true,
-               'TB_iframe'      => 'true'
-       ), home_url( '/' ) );
-
        $login_url = add_query_arg( array(
                'interim-login' => 1,
                'customize-login' => 1
@@ -242,11 +219,10 @@ do_action( 'customize_controls_print_scripts' );
                'url'      => array(
                        'preview'       => esc_url_raw( $url ? $url : home_url( '/' ) ),
                        'parent'        => esc_url_raw( admin_url() ),
-                       'activated'     => esc_url_raw( admin_url( 'themes.php?activated=true&previewed' ) ),
+                       'activated'     => esc_url_raw( home_url( '/' ) ),
                        'ajax'          => esc_url_raw( admin_url( 'admin-ajax.php', 'relative' ) ),
                        'allowed'       => array_map( 'esc_url_raw', $allowed_urls ),
                        'isCrossDomain' => $cross_domain,
-                       'fallback'      => esc_url_raw( $fallback_url ),
                        'home'          => esc_url_raw( home_url( '/' ) ),
                        'login'         => esc_url_raw( $login_url ),
                ),
@@ -268,27 +244,38 @@ do_action( 'customize_controls_print_scripts' );
 
        // Prepare Customize Setting objects to pass to JavaScript.
        foreach ( $wp_customize->settings() as $id => $setting ) {
-               $settings['settings'][ $id ] = array(
-                       'value'     => $setting->js_value(),
-                       'transport' => $setting->transport,
-               );
+               if ( $setting->check_capabilities() ) {
+                       $settings['settings'][ $id ] = array(
+                               'value'     => $setting->js_value(),
+                               'transport' => $setting->transport,
+                               'dirty'     => $setting->dirty,
+                       );
+               }
        }
 
        // Prepare Customize Control objects to pass to JavaScript.
        foreach ( $wp_customize->controls() as $id => $control ) {
-               $settings['controls'][ $id ] = $control->json();
+               if ( $control->check_capabilities() ) {
+                       $settings['controls'][ $id ] = $control->json();
+               }
        }
 
        // Prepare Customize Section objects to pass to JavaScript.
        foreach ( $wp_customize->sections() as $id => $section ) {
-               $settings['sections'][ $id ] = $section->json();
+               if ( $section->check_capabilities() ) {
+                       $settings['sections'][ $id ] = $section->json();
+               }
        }
 
        // Prepare Customize Panel objects to pass to JavaScript.
-       foreach ( $wp_customize->panels() as $id => $panel ) {
-               $settings['panels'][ $id ] = $panel->json();
-               foreach ( $panel->sections as $section_id => $section ) {
-                       $settings['sections'][ $section_id ] = $section->json();
+       foreach ( $wp_customize->panels() as $panel_id => $panel ) {
+               if ( $panel->check_capabilities() ) {
+                       $settings['panels'][ $panel_id ] = $panel->json();
+                       foreach ( $panel->sections as $section_id => $section ) {
+                               if ( $section->check_capabilities() ) {
+                                       $settings['sections'][ $section_id ] = $section->json();
+                               }
+                       }
                }
        }