Restyles the modal for attaching media to posts, take II (also some autoprefixer and imagemin). Props avryl, see #26952.

git-svn-id: https://develop.svn.wordpress.org/trunk@27403 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/js/media.js

@@ -1,11 +1,10 @@
-/* global ajaxurl, wpAjax */
+/* global ajaxurl, attachMediaBoxL10n */
 
 var findPosts;
-(function($){
+( function( $ ){
 	findPosts = {
-		open : function(af_name, af_val) {
-			var st = document.documentElement.scrollTop || $(document).scrollTop(),
-				overlay = $( '.ui-find-overlay' );
+		open: function( af_name, af_val ) {
+			var overlay = $( '.ui-find-overlay' );
 
 			if ( overlay.length === 0 ) {
 				$( 'body' ).append( '<div class="ui-find-overlay"></div>' );
@@ -15,18 +14,15 @@ var findPosts;
 			overlay.show();
 
 			if ( af_name && af_val ) {
-				$('#affected').attr('name', af_name).val(af_val);
+				$( '#affected' ).attr( 'name', af_name ).val( af_val );
 			}
-			$('#find-posts').show().draggable({
-				handle: '#find-posts-head'
-			});
 
-			$('.find-box-inside').css({
-				'max-height': $( window ).height() - ( ( 30 + 40 + 1 + 16 ) * 2 ) + 'px'
-			});
+			$( '#find-posts' ).show();
 
-			$('#find-posts-input').focus().keyup(function(e){
-				if (e.which == 27) { findPosts.close(); } // close on Escape
+			$('#find-posts-input').focus().keyup( function( event ){
+				if ( event.which == 27 ) {
+					findPosts.close();
+				} // close on Escape
 			});
 
 			// Pull some results up by default
@@ -35,21 +31,21 @@ var findPosts;
 			return false;
 		},
 
-		close : function() {
+		close: function() {
 			$('#find-posts-response').html('');
-			$('#find-posts').draggable('destroy').hide();
+			$('#find-posts').hide();
 			$( '.ui-find-overlay' ).hide();
 		},
 
-		overlay : function() {
+		overlay: function() {
 			$( '.ui-find-overlay' ).on( 'click', function () {
 				findPosts.close();
 			});
 		},
 
-		send : function() {
+		send: function() {
 			var post = {
-					ps: $('#find-posts-input').val(),
+					ps: $( '#find-posts-input' ).val(),
 					action: 'find_posts',
 					_ajax_nonce: $('#_ajax_nonce').val()
 				},
@@ -57,73 +53,49 @@ var findPosts;
 
 			spinner.show();
 
-			$.ajax({
-				type : 'POST',
-				url : ajaxurl,
-				data : post,
-				success : function(x) { findPosts.show(x); spinner.hide(); },
-				error : function(r) { findPosts.error(r); spinner.hide(); }
+			$.ajax( ajaxurl, {
+				type: 'POST',
+				data: post,
+				dataType: 'json'
+			}).always( function() {
+				spinner.hide();
+			}).done( function( x ) {
+				if ( ! x.success ) {
+					$( '#find-posts-response' ).text( attachMediaBoxL10n.error );
+				}
+
+				$( '#find-posts-response' ).html( x.data );
+			}).fail( function() {
+				$( '#find-posts-response' ).text( attachMediaBoxL10n.error );
 			});
-		},
-
-		show : function(x) {
-
-			if ( typeof(x) == 'string' ) {
-				this.error({'responseText': x});
-				return;
-			}
-
-			var r = wpAjax.parseAjaxResponse(x);
-
-			if ( r.errors ) {
-				this.error({'responseText': wpAjax.broken});
-			}
-			r = r.responses[0];
-			$('#find-posts-response').html(r.data);
-
-			// Enable whole row to be clicked
-			$( '.found-posts td' ).on( 'click', function () {
-				$( this ).parent().find( '.found-radio input' ).prop( 'checked', true );
-			});
-		},
-
-		error : function(r) {
-			var er = r.statusText;
-
-			if ( r.responseText ) {
-				er = r.responseText.replace( /<.[^<>]*?>/g, '' );
-			}
-			if ( er ) {
-				$('#find-posts-response').html(er);
-			}
 		}
 	};
 
-	$(document).ready(function() {
-		$('#find-posts-submit').click(function(e) {
-			if ( '' === $('#find-posts-response').html() )
-				e.preventDefault();
+	$( document ).ready( function() {
+		$( '#find-posts-submit' ).click( function( event ) {
+			if ( ! $( '#find-posts-response input[type="radio"]:checked' ).length )
+				event.preventDefault();
 		});
 		$( '#find-posts .find-box-search :input' ).keypress( function( event ) {
 			if ( 13 == event.which ) {
 				findPosts.send();
 				return false;
 			}
-		} );
+		});
 		$( '#find-posts-search' ).click( findPosts.send );
 		$( '#find-posts-close' ).click( findPosts.close );
-		$('#doaction, #doaction2').click(function(e){
-			$('select[name^="action"]').each(function(){
-				if ( $(this).val() == 'attach' ) {
-					e.preventDefault();
+		$( '#doaction, #doaction2' ).click( function( event ) {
+			$( 'select[name^="action"]' ).each( function() {
+				if ( $(this).val() === 'attach' ) {
+					event.preventDefault();
 					findPosts.open();
 				}
 			});
 		});
-	});
-	$(window).resize(function() {
-		$('.find-box-inside').css({
-			'max-height': $( window ).height() - ( ( 30 + 40 + 1 + 16 ) * 2 ) + 'px'
+
+		// Enable whole row to be clicked
+		$( '.find-box-inside' ).on( 'click', 'tr', function() {
+			$( this ).find( '.found-radio input' ).prop( 'checked', true );
 		});
 	});
-})(jQuery);
+})( jQuery );