X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/5964d2279dc52bdfe105f9bfa17e04337d47a3fa..b22765f41bf0b2021b9beb9120ee0ac91fa89292:/wp-admin/js/postbox.js

diff --git a/wp-admin/js/postbox.js b/wp-admin/js/postbox.js
index 838db5d9..a8222ee2 100644
--- a/wp-admin/js/postbox.js
+++ b/wp-admin/js/postbox.js
@@ -1,69 +1,101 @@
+/* global ajaxurl, postBoxL10n */
+
 var postboxes;
 
 (function($) {
-	postboxes = {
-		add_postbox_toggles : function(page, args) {
-			var self = this;
+	var $document = $( document );
 
-			self.init(page, args);
+	postboxes = {
+		handle_click : function () {
+			var $el = $( this ),
+				p = $el.parent( '.postbox' ),
+				id = p.attr( 'id' ),
+				ariaExpandedValue;
+
+			if ( 'dashboard_browser_nag' === id ) {
+				return;
+			}
 
-			$('.postbox h3, .postbox .handlediv').bind('click.postboxes', function() {
-				var p = $(this).parent('.postbox'), id = p.attr('id');
+			p.toggleClass( 'closed' );
 
-				if ( 'dashboard_browser_nag' == id )
-					return;
+			ariaExpandedValue = ! p.hasClass( 'closed' );
 
-				p.toggleClass('closed');
+			if ( $el.hasClass( 'handlediv' ) ) {
+				// The handle button was clicked.
+				$el.attr( 'aria-expanded', ariaExpandedValue );
+			} else {
+				// The handle heading was clicked.
+				$el.closest( '.postbox' ).find( 'button.handlediv' )
+					.attr( 'aria-expanded', ariaExpandedValue );
+			}
 
-				if ( page != 'press-this' )
-					self.save_state(page);
+			if ( postboxes.page !== 'press-this' ) {
+				postboxes.save_state( postboxes.page );
+			}
 
-				if ( id ) {
-					if ( !p.hasClass('closed') && $.isFunction(postboxes.pbshow) )
-						self.pbshow(id);
-					else if ( p.hasClass('closed') && $.isFunction(postboxes.pbhide) )
-						self.pbhide(id);
+			if ( id ) {
+				if ( !p.hasClass('closed') && $.isFunction( postboxes.pbshow ) ) {
+					postboxes.pbshow( id );
+				} else if ( p.hasClass('closed') && $.isFunction( postboxes.pbhide ) ) {
+					postboxes.pbhide( id );
 				}
-			});
+			}
 
-			$('.postbox h3 a').click( function(e) {
+			$document.trigger( 'postbox-toggled', p );
+		},
+
+		add_postbox_toggles : function (page, args) {
+			var $handles = $( '.postbox .hndle, .postbox .handlediv' );
+
+			this.page = page;
+			this.init( page, args );
+
+			$handles.on( 'click.postboxes', this.handle_click );
+
+			$('.postbox .hndle a').click( function(e) {
 				e.stopPropagation();
 			});
 
-			$('.postbox a.dismiss').bind('click.postboxes', function(e) {
+			$( '.postbox a.dismiss' ).on( 'click.postboxes', function( e ) {
 				var hide_id = $(this).parents('.postbox').attr('id') + '-hide';
+				e.preventDefault();
 				$( '#' + hide_id ).prop('checked', false).triggerHandler('click');
-				return false;
 			});
 
 			$('.hide-postbox-tog').bind('click.postboxes', function() {
-				var box = $(this).val();
-
-				if ( $(this).prop('checked') ) {
-					$('#' + box).show();
-					if ( $.isFunction( postboxes.pbshow ) )
-						self.pbshow( box );
+				var $el = $(this),
+					boxId = $el.val(),
+					$postbox = $( '#' + boxId );
+
+				if ( $el.prop( 'checked' ) ) {
+					$postbox.show();
+					if ( $.isFunction( postboxes.pbshow ) ) {
+						postboxes.pbshow( boxId );
+					}
 				} else {
-					$('#' + box).hide();
-					if ( $.isFunction( postboxes.pbhide ) )
-						self.pbhide( box );
+					$postbox.hide();
+					if ( $.isFunction( postboxes.pbhide ) ) {
+						postboxes.pbhide( boxId );
+					}
 				}
-				self.save_state(page);
-				self._mark_area();
+				postboxes.save_state( page );
+				postboxes._mark_area();
+				$document.trigger( 'postbox-toggled', $postbox );
 			});
 
 			$('.columns-prefs input[type="radio"]').bind('click.postboxes', function(){
 				var n = parseInt($(this).val(), 10);
 
 				if ( n ) {
-					self._pb_edit(n);
-					self.save_order(page);
+					postboxes._pb_edit(n);
+					postboxes.save_order( page );
 				}
 			});
 		},
 
 		init : function(page, args) {
-			var isMobile = $(document.body).hasClass('mobile');
+			var isMobile = $( document.body ).hasClass( 'mobile' ),
+				$handleButtons = $( '.postbox .handlediv' );
 
 			$.extend( this, args || {} );
 			$('#wpbody-content').css('overflow','hidden');
@@ -77,11 +109,26 @@ var postboxes;
 				distance: 2,
 				tolerance: 'pointer',
 				forcePlaceholderSize: true,
-				helper: 'clone',
+				helper: function( event, element ) {
+					// `helper: 'clone'` is equivalent to `return element.clone();`
+					// Cloning a checked radio and then inserting that clone next to the original
+					// radio unchecks the original radio (since only one of the two can be checked).
+					// We get around this by renaming the helper's inputs' name attributes so that,
+					// when the helper is inserted into the DOM for the sortable, no radios are
+					// duplicated, and no original radio gets unchecked.
+					return element.clone()
+						.find( ':input' )
+							.attr( 'name', function( i, currentName ) {
+								return 'sort_' + parseInt( Math.random() * 100000, 10 ).toString() + '_' + currentName;
+							} )
+						.end();
+				},
 				opacity: 0.65,
-				stop: function(e,ui) {
-					if ( $(this).find('#dashboard_browser_nag').is(':visible') && 'dashboard_browser_nag' != this.firstChild.id ) {
-						$(this).sortable('cancel');
+				stop: function() {
+					var $el = $( this );
+
+					if ( $el.find( '#dashboard_browser_nag' ).is( ':visible' ) && 'dashboard_browser_nag' != this.firstChild.id ) {
+						$el.sortable('cancel');
 						return;
 					}
 
@@ -92,6 +139,7 @@ var postboxes;
 						$(ui.sender).sortable('cancel');
 
 					postboxes._mark_area();
+					$document.trigger( 'postbox-moved', ui.item );
 				}
 			});
 
@@ -101,11 +149,24 @@ var postboxes;
 			}
 
 			this._mark_area();
+
+			// Set the handle buttons `aria-expanded` attribute initial value on page load.
+			$handleButtons.each( function () {
+				var $el = $( this );
+				$el.attr( 'aria-expanded', ! $el.parent( '.postbox' ).hasClass( 'closed' ) );
+			});
 		},
 
 		save_state : function(page) {
-			var closed = $('.postbox').filter('.closed').map(function() { return this.id; }).get().join(','),
-				hidden = $('.postbox').filter(':hidden').map(function() { return this.id; }).get().join(',');
+			var closed, hidden;
+
+			// Return on the nav-menus.php screen, see #35112.
+			if ( 'nav-menus' === page ) {
+				return;
+			}
+
+			closed = $( '.postbox' ).filter( '.closed' ).map( function() { return this.id; } ).get().join( ',' );
+			hidden = $( '.postbox' ).filter( ':hidden' ).map( function() { return this.id; } ).get().join( ',' );
 
 			$.post(ajaxurl, {
 				action: 'closed-postboxes',
@@ -124,9 +185,9 @@ var postboxes;
 				_ajax_nonce: $('#meta-box-order-nonce').val(),
 				page_columns: page_columns,
 				page: page
-			}
+			};
 			$('.meta-box-sortables').each( function() {
-				postVars["order[" + this.id.split('-')[0] + "]"] = $(this).sortable( 'toArray' ).join(',');
+				postVars[ 'order[' + this.id.split( '-' )[0] + ']' ] = $( this ).sortable( 'toArray' ).join( ',' );
 			} );
 			$.post( ajaxurl, postVars );
 		},
@@ -134,13 +195,16 @@ var postboxes;
 		_mark_area : function() {
 			var visible = $('div.postbox:visible').length, side = $('#post-body #side-sortables');
 
-			$('#dashboard-widgets .meta-box-sortables:visible').each(function(n, el){
+			$( '#dashboard-widgets .meta-box-sortables:visible' ).each( function() {
 				var t = $(this);
 
-				if ( visible == 1 || t.children('.postbox:visible').length )
+				if ( visible == 1 || t.children('.postbox:visible').length ) {
 					t.removeClass('empty-container');
-				else
+				}
+				else {
 					t.addClass('empty-container');
+					t.attr('data-emptyString', postBoxL10n.postBoxEmptyString);
+				}
 			});
 
 			if ( side.length ) {
@@ -153,7 +217,12 @@ var postboxes;
 
 		_pb_edit : function(n) {
 			var el = $('.metabox-holder').get(0);
-			el.className = el.className.replace(/columns-\d+/, 'columns-' + n);
+
+			if ( el ) {
+				el.className = el.className.replace(/columns-\d+/, 'columns-' + n);
+			}
+
+			$( document ).trigger( 'postboxes-columnchange' );
 		},
 
 		_pb_change : function() {