summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/modules/widgets/twitter-timeline-admin.js')
-rw-r--r--plugins/jetpack/modules/widgets/twitter-timeline-admin.js35
1 files changed, 35 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/widgets/twitter-timeline-admin.js b/plugins/jetpack/modules/widgets/twitter-timeline-admin.js
new file mode 100644
index 00000000..e6a65140
--- /dev/null
+++ b/plugins/jetpack/modules/widgets/twitter-timeline-admin.js
@@ -0,0 +1,35 @@
+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() {
+ var labelType = $( this ).data( 'widget-type' );
+ if ( selectedType === labelType ) {
+ return '';
+ } else {
+ return 'none';
+ }
+ } );
+ }
+
+ // We could either be in wp-admin/widgets.php or the Customizer.
+ var $container = $( '#customize-controls' );
+ if ( ! $container.length ) {
+ $container = $( '#wpbody' );
+ }
+
+ // 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() {
+ 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() {
+ twitterWidgetTypeChanged( this );
+ } );
+} );