76 lines
2.8 KiB
JavaScript
76 lines
2.8 KiB
JavaScript
/* global gapi, FB, twttr */
|
|
|
|
/**
|
|
* Utilities to work with widgets in Customizer.
|
|
*/
|
|
|
|
/**
|
|
* Checks whether this Customizer supports partial widget refresh.
|
|
* @returns {boolean}
|
|
*/
|
|
wp.customizerHasPartialWidgetRefresh = function() {
|
|
return 'object' === typeof wp && 'function' === typeof wp.customize && 'object' === typeof wp.customize.selectiveRefresh && 'object' === typeof wp.customize.widgetsPreview && 'function' === typeof wp.customize.widgetsPreview.WidgetPartial;
|
|
};
|
|
|
|
/**
|
|
* Verifies that the placed widget ID contains the widget name.
|
|
* @param {object} placement
|
|
* @param {string} widgetName
|
|
* @returns {*|boolean}
|
|
*/
|
|
wp.isJetpackWidgetPlaced = function( placement, widgetName ) {
|
|
return placement.partial.widgetId && 0 === placement.partial.widgetId.indexOf( widgetName );
|
|
};
|
|
|
|
/**
|
|
* Bind events for selective refresh in Customizer.
|
|
*/
|
|
(function($){
|
|
|
|
$( document ).ready( function() {
|
|
|
|
if ( wp && wp.customize && wp.customizerHasPartialWidgetRefresh() ) {
|
|
|
|
// Refresh widget contents when a partial is rendered.
|
|
wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
|
|
if ( placement.container ) {
|
|
|
|
// Refresh Google+
|
|
if ( wp.isJetpackWidgetPlaced( placement, 'googleplus-badge' ) && 'object' === typeof gapi && gapi.person && 'function' === typeof gapi.person.go ) {
|
|
gapi.person.go( placement.container[0] );
|
|
}
|
|
|
|
// Refresh Facebook XFBML
|
|
else if ( wp.isJetpackWidgetPlaced( placement, 'facebook-likebox' ) && 'object' === typeof FB && 'object' === typeof FB.XFBML && 'function' === typeof FB.XFBML.parse ) {
|
|
FB.XFBML.parse( placement.container[0], function() {
|
|
var $fbContainer = $( placement.container[0] ).find( '.fb_iframe_widget' ),
|
|
fbWidth = $fbContainer.data( 'width' ),
|
|
fbHeight = $fbContainer.data( 'height' );
|
|
$fbContainer.find( 'span' ).css( { 'width': fbWidth, 'height': fbHeight } );
|
|
setTimeout( function() {
|
|
$fbContainer.find( 'iframe' ).css( { 'width': fbWidth, 'height': fbHeight, 'position': 'relative' } );
|
|
}, 1 );
|
|
} );
|
|
}
|
|
|
|
// Refresh Twitter
|
|
else if ( wp.isJetpackWidgetPlaced( placement, 'twitter_timeline' ) && 'object' === typeof twttr && 'object' === typeof twttr.widgets && 'function' === typeof twttr.widgets.load ) {
|
|
twttr.widgets.load( placement.container[0] );
|
|
}
|
|
}
|
|
} );
|
|
|
|
// Refresh widgets when they're moved.
|
|
wp.customize.selectiveRefresh.bind( 'partial-content-moved', function( placement ) {
|
|
if ( placement.container ) {
|
|
|
|
// Refresh Twitter timeline iframe, since it has to be re-built.
|
|
if ( wp.isJetpackWidgetPlaced( placement, 'twitter_timeline' ) && placement.container.find( 'iframe.twitter-timeline:not([src]):first' ).length ) {
|
|
placement.partial.refresh();
|
|
}
|
|
}
|
|
} );
|
|
}
|
|
});
|
|
|
|
})(jQuery); |