Changeset 31697 for trunk/src/wp-includes/class-wp-customize-manager.php

Timestamp:

03/10/2015 03:55:28 PM (11 years ago)

Author:

ocean90

Message:

Customizer: Add loading indicators for the Customizer preview.

props Fab1en, westonruter.
fixes #31196.

File:

• trunk/src/wp-includes/class-wp-customize-manager.php (modified) (4 diffs)

trunk/src/wp-includes/class-wp-customize-manager.php

@@ -502 +502 @@
         add_action( 'wp_head', array( $this, 'customize_preview_base' ) );
         add_action( 'wp_head', array( $this, 'customize_preview_html5' ) );
+        add_action( 'wp_head', array( $this, 'customize_preview_loading_style' ) );
         add_action( 'wp_footer', array( $this, 'customize_preview_settings' ), 20 );
         add_action( 'shutdown', array( $this, 'customize_preview_signature' ), 1000 );
@@ -544 +545 @@
 
     /**
-     * Print a workaround to handle HTML5 tags in IE < 9
+     * Print a workaround to handle HTML5 tags in IE < 9.
      *
      * @since 3.4.0
@@ -562 +563 @@
 
     /**
+     * Print CSS for loading indicators for the Customizer preview.
+     *
+     * @since 4.2.0
+     */
+    public function customize_preview_loading_style() {
+        ?><style>
+            body.wp-customizer-unloading {
+                opacity: 0.25;
+                cursor: progress !important;
+                -webkit-transition: opacity 0.5s;
+                transition: opacity 0.5s;
+            }
+            body.wp-customizer-unloading * {
+                pointer-events: none !important;
+            }
+        </style><?php
+    }
+
+    /**
      * Print JavaScript settings for preview frame.
      *
@@ -573 +593 @@
             'activeSections' => array(),
             'activeControls' => array(),
+            'l10n' => array(
+                'loading'  => __( 'Loading ...' ),
+            ),
         );