diff options
Diffstat (limited to 'plugins/jetpack/modules/widgets/twitter-timeline-admin.js')
-rw-r--r-- | plugins/jetpack/modules/widgets/twitter-timeline-admin.js | 39 |
1 files changed, 35 insertions, 4 deletions
diff --git a/plugins/jetpack/modules/widgets/twitter-timeline-admin.js b/plugins/jetpack/modules/widgets/twitter-timeline-admin.js index e6a65140..2ace483f 100644 --- a/plugins/jetpack/modules/widgets/twitter-timeline-admin.js +++ b/plugins/jetpack/modules/widgets/twitter-timeline-admin.js @@ -1,11 +1,11 @@ -jQuery( function( $ ) { +jQuery( function ( $ ) { function twitterWidgetTypeChanged( widgetTypeSelector ) { var selectedType = $( widgetTypeSelector ).val(); $( widgetTypeSelector ) .closest( '.jetpack-twitter-timeline-widget-type-container' ) .next( '.jetpack-twitter-timeline-widget-id-container' ) .find( 'label' ) - .css( 'display', function() { + .css( 'display', function () { var labelType = $( this ).data( 'widget-type' ); if ( selectedType === labelType ) { return ''; @@ -15,6 +15,29 @@ jQuery( function( $ ) { } ); } + function twitterWidgetTweetDisplayChanged( event ) { + var $tweetDisplaySelector = $( event.target ); + var selectedTweetDisplay = $tweetDisplaySelector.val(); + var $form = $tweetDisplaySelector.closest( 'form' ); + var $heightContainer = $form.find( '.jetpack-twitter-timeline-widget-height-container' ); + var $tweetLimitContainer = $form.find( + '.jetpack-twitter-timeline-widget-tweet-limit-container' + ); + var $scrollbarInput = $form.find( 'input[id*=chrome-noscrollbar]' ); + switch ( selectedTweetDisplay ) { + case 'fixed': + $heightContainer.hide(); + $tweetLimitContainer.show(); + $scrollbarInput.prop( 'disabled', true ); + break; + case 'dynamic': + $tweetLimitContainer.hide(); + $heightContainer.show(); + $scrollbarInput.prop( 'disabled', false ); + break; + } + } + // We could either be in wp-admin/widgets.php or the Customizer. var $container = $( '#customize-controls' ); if ( ! $container.length ) { @@ -23,13 +46,21 @@ jQuery( function( $ ) { // Observe widget settings for 'change' events of the 'type' property for // current and future Twitter timeline widgets. - $container.on( 'change', '.jetpack-twitter-timeline-widget-type', function() { + $container.on( 'change', '.jetpack-twitter-timeline-widget-type', function () { twitterWidgetTypeChanged( this ); } ); // Set the labels for currently existing widgets (including the "template" // version that is copied when a new widget is added). - $container.find( '.jetpack-twitter-timeline-widget-type' ).each( function() { + $container.find( '.jetpack-twitter-timeline-widget-type' ).each( function () { twitterWidgetTypeChanged( this ); } ); + + // Observe widget settings for 'change' events of the 'tweet-display' property for + // current and future Twitter timeline widgets. + $container.on( + 'change', + '.jetpack-twitter-timeline-widget-tweet-display-radio', + twitterWidgetTweetDisplayChanged + ); } ); |