1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
/* global wp, gapi, FB, twttr, PaypalExpressCheckout */
/**
* 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 ] );
} else if ( wp.isJetpackWidgetPlaced( placement, 'eu_cookie_law_widget' ) ) {
// Refresh EU Cookie Law
if ( $( '#eu-cookie-law' ).hasClass( 'top' ) ) {
$( '.widget_eu_cookie_law_widget' ).addClass( 'top' );
} else {
$( '.widget_eu_cookie_law_widget' ).removeClass( 'top' );
}
placement.container.fadeIn();
} else if ( wp.isJetpackWidgetPlaced( placement, 'jetpack_simple_payments_widget' ) ) {
// Refresh Simple Payments Widget
try {
var buttonId = $( '.jetpack-simple-payments-button', placement.container )
.attr( 'id' )
.replace( '_button', '' );
PaypalExpressCheckout.renderButton( null, null, buttonId, null );
} catch ( e ) {
// PaypalExpressCheckout may fail.
// For the same usage, see also:
// https://github.com/Automattic/jetpack/blob/6c1971e6bed7d3df793392a7a58ffe0afaeeb5fe/modules/simple-payments/simple-payments.php#L111
}
}
}
} );
// 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();
} else if ( wp.isJetpackWidgetPlaced( placement, 'jetpack_simple_payments_widget' ) ) {
// Refresh Simple Payments Widget
placement.partial.refresh();
}
}
} );
}
} );
} )( jQuery );
|