Changeset 41667 for trunk/src/wp-includes/customize/class-wp-customize-themes-panel.php

Timestamp:

10/02/2017 03:36:18 AM (8 years ago)

Author:

westonruter

Message:

Customize: Add infrastructure for trashing/reverting of unpublished changes; introduce full-screen OverlayNotification for trashing and theme install/preview.

• Introduce a new wp.customize.previewer.trash() JS API to trash the current changeset, along with logic to WP_Customize_Manager to handle deleting changeset drafts.
• Add trashing to wp.customize.state which is then used to update the UI.
• UI for trashing is pending design feedback. One possibility is to add a new trash button to Publish Settings section that invokes wp.customize.previewer.trash().
• Improve logic for managing the visibility and disabled states for publish buttons.
• Prevent attempting requestChangesetUpdate while processing and bump processing while doing save.
• Update changeset_date state only if sent in save response.
• Merge ThemesSection#loadThemePreview() into ThemesPanel#loadThemePreview().
• Remove unused autosaved state.
• Start autosaving and prompting at beforeunload after a change first happens. This is key for theme previews since even if a user did not make any changes, there were still dirty settings which would get stored in an auto-draft unexpectedly.
• Allow Notification to accept additional classes to be added to container.
• Introduce OverlayNotification and use for theme installing, previewing, and trashing. Such overlay notifications take over the entire window.

Props westonruter, celloexpressions.
See #37661, #39896, #21666, #35210.

File:

• trunk/src/wp-includes/customize/class-wp-customize-themes-panel.php (modified) (1 diff)

trunk/src/wp-includes/customize/class-wp-customize-themes-panel.php

@@ -90 +90 @@
             <?php endif; ?>
         </li>
-        <li id="customize-themes-loading-container">
-            <span class="customize-loading-text-installing-theme"><?php _e( 'Downloading your new theme&hellip;' ); ?></span>
-            <span class="customize-loading-text"><?php _e( 'Setting up your live preview. This may take a bit.' ); ?></span>
-        </li><?php // Used as a full-screen overlay transition after clicking to preview a theme. ?>
         <li class="customize-themes-full-container-container">
             <ul class="customize-themes-full-container">