WordPress.org

Make WordPress Core

Changeset 29048


Ignore:
Timestamp:
07/09/2014 08:57:58 PM (7 years ago)
Author:
SergeyBiryukov
Message:

Customizer: Export Previewer instance to wp.customize.previewer, and utilize for Widget Customizer.

props westonruter.
fixes #27666.

Location:
trunk/src/wp-admin/js
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/js/customize-controls.js

    r29034 r29048  
    914914            return window.location = api.settings.url.fallback;
    915915
    916         var previewer, parent, topFocus,
     916        var parent, topFocus,
    917917            body = $( document.body ),
    918918            overlay = body.children( '.wp-full-overlay' ),
     
    932932
    933933        // Initialize Previewer
    934         previewer = new api.Previewer({
     934        api.previewer = new api.Previewer({
    935935            container:   '#customize-preview',
    936936            form:        '#customize-controls',
     
    10091009
    10101010        // Refresh the nonces if the preview sends updated nonces over.
    1011         previewer.bind( 'nonce', function( nonce ) {
     1011        api.previewer.bind( 'nonce', function( nonce ) {
    10121012            $.extend( this.nonce, nonce );
    10131013        });
     
    10161016            api.create( id, id, data.value, {
    10171017                transport: data.transport,
    1018                 previewer: previewer
     1018                previewer: api.previewer
    10191019            } );
    10201020        });
     
    10261026            control = api.control.add( id, new constructor( id, {
    10271027                params: data,
    1028                 previewer: previewer
     1028                previewer: api.previewer
    10291029            } ) );
    10301030        });
    10311031
    10321032        // Check if preview url is valid and load the preview frame.
    1033         if ( previewer.previewUrl() )
    1034             previewer.refresh();
    1035         else
    1036             previewer.previewUrl( api.settings.url.home );
     1033        if ( api.previewer.previewUrl() ) {
     1034            api.previewer.refresh();
     1035        } else {
     1036            api.previewer.previewUrl( api.settings.url.home );
     1037        }
    10371038
    10381039        // Save and activated states
     
    10831084        // Button bindings.
    10841085        saveBtn.click( function( event ) {
    1085             previewer.save();
     1086            api.previewer.save();
    10861087            event.preventDefault();
    10871088        }).keydown( function( event ) {
     
    10891090                return;
    10901091            if ( 13 === event.which ) // enter
    1091                 previewer.save();
     1092                api.previewer.save();
    10921093            event.preventDefault();
    10931094        });
  • trunk/src/wp-admin/js/customize-widgets.js

    r28143 r29048  
    66    // Set up our namespace...
    77    var api = wp.customize,
    8         l10n, OldPreviewer;
     8        l10n;
    99
    1010    api.Widgets = api.Widgets || {};
     
    186186
    187187            // Close the panel if the URL in the preview changes
    188             api.Widgets.Previewer.bind( 'url', this.close );
     188            api.previewer.bind( 'url', this.close );
    189189        },
    190190
     
    746746            } );
    747747
    748             api.Widgets.Previewer.bind( 'widget-updated', function( updatedWidgetId ) {
     748            api.previewer.bind( 'widget-updated', function( updatedWidgetId ) {
    749749                if ( updatedWidgetId === self.params.widget_id ) {
    750750                    self.container.removeClass( 'previewer-loading' );
     
    753753
    754754            // Update widget control to indicate whether it is currently rendered
    755             api.Widgets.Previewer.bind( 'rendered-widgets', function( renderedWidgets ) {
     755            api.previewer.bind( 'rendered-widgets', function( renderedWidgets ) {
    756756                var isRendered = !! renderedWidgets[self.params.widget_id];
    757757
     
    972972                // Check if the user is logged out.
    973973                if ( '0' === r ) {
    974                     api.Widgets.Previewer.preview.iframe.hide();
    975                     api.Widgets.Previewer.login().done( function() {
     974                    api.previewer.preview.iframe.hide();
     975                    api.previewer.login().done( function() {
    976976                        self.updateWidget( args );
    977                         api.Widgets.Previewer.preview.iframe.show();
     977                        api.previewer.preview.iframe.show();
    978978                    } );
    979979                    return;
     
    982982                // Check for cheaters.
    983983                if ( '-1' === r ) {
    984                     api.Widgets.Previewer.cheatin();
     984                    api.previewer.cheatin();
    985985                    return;
    986986                }
     
    14191419
    14201420            // Update the model with whether or not the sidebar is rendered
    1421             api.Widgets.Previewer.bind( 'rendered-sidebars', function( renderedSidebars ) {
     1421            api.previewer.bind( 'rendered-sidebars', function( renderedSidebars ) {
    14221422                var isRendered = !! renderedSidebars[self.params.sidebar_id];
    14231423
     
    17401740
    17411741    /**
    1742      * Capture the instance of the Previewer since it is private
    1743      */
    1744     OldPreviewer = api.Previewer;
    1745     api.Previewer = OldPreviewer.extend({
    1746         initialize: function( params, options ) {
    1747             api.Widgets.Previewer = this;
    1748             OldPreviewer.prototype.initialize.call( this, params, options );
    1749             this.bind( 'refresh', this.refresh );
    1750         }
    1751     } );
    1752 
    1753     /**
    17541742     * Init Customizer for widgets.
    17551743     */
     
    17611749
    17621750        // Highlight widget control
    1763         api.Widgets.Previewer.bind( 'highlight-widget-control', api.Widgets.highlightWidgetFormControl );
     1751        api.previewer.bind( 'highlight-widget-control', api.Widgets.highlightWidgetFormControl );
    17641752
    17651753        // Open and focus widget control
    1766         api.Widgets.Previewer.bind( 'focus-widget-control', api.Widgets.focusWidgetFormControl );
     1754        api.previewer.bind( 'focus-widget-control', api.Widgets.focusWidgetFormControl );
    17671755    } );
    17681756
Note: See TracChangeset for help on using the changeset viewer.