From 87730d06492d6df21094da9d2267c451f41485e5 Mon Sep 17 00:00:00 2001
From: Mark Jaquith <markjaquith@git.wordpress.org>
Date: Fri, 10 May 2013 18:49:05 +0000
Subject: [PATCH] Improvements of Image format dropzone

* Limit drag-drop Image format zone to HTML5 runtime
* Only keep the first file dropped
* Only upload image files
* Fix CSS for the progress bar

props azaozz. see #24291.

git-svn-id: https://develop.svn.wordpress.org/trunk@24236 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/css/wp-admin.css   |  9 ++++-----
 wp-admin/js/post-formats.js | 15 +++++++++++++--
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css
index 5fea972861..775623e98b 100644
--- a/wp-admin/css/wp-admin.css
+++ b/wp-admin/css/wp-admin.css
@@ -4061,6 +4061,7 @@ body .ui-slider-tooltip {
 .wp-format-media-holder div {
 	display: none;
 }
+
 .wp-format-media-holder.drag-over div {
 	position: absolute;
 	top: 10px;
@@ -4072,7 +4073,6 @@ body .ui-slider-tooltip {
 }
 
 #poststuff .wp-format-media-holder.drag-over div h3 {
-
 	position: absolute;
 	top: 50%;
 	left: 0;
@@ -4111,10 +4111,7 @@ body .ui-slider-tooltip {
 	text-align: center;
 }
 
-body.wp-format-image .attachment-display-settings {
-	display: none;
-}
-
+body.wp-format-image .attachment-display-settings,
 body.wp-format-status #titlewrap,
 body.wp-format-image .wp-media-buttons .insert-media,
 body.wp-format-audio .wp-media-buttons .insert-media,
@@ -4124,6 +4121,8 @@ body.wp-format-status .wp-media-buttons .insert-media {
 	display: none;
 }
 
+.wp-format-media-select .media-progress-bar,
+.wp-format-media-select .media-progress-bar div,
 .mejs-audio audio,
 .mejs-video video {
 	display: block;
diff --git a/wp-admin/js/post-formats.js b/wp-admin/js/post-formats.js
index b37bc0d91f..1c8c96831a 100644
--- a/wp-admin/js/post-formats.js
+++ b/wp-admin/js/post-formats.js
@@ -59,16 +59,27 @@ window.wp = window.wp || {};
 		'</div>'].join( '' ) );
 	}
 
+	function imageFormatUploadFilesAdded( uploader, files ) {
+		$.each( files, function( i, file ) {
+			if ( i > 0 )
+				uploader.removeFile(file);
+		});
+	}
+
 	var uploader = {
 		dropzone:  $('.wp-format-media-holder[data-format=image]'),
 		success:   imageFormatUploadSuccess,
-		error: imageFormatUploadError,
-		plupload:  {},
+		error:     imageFormatUploadError,
+		plupload:  {
+			runtimes: 'html5',
+			filters: [ {title: 'Image', extensions: 'jpg,jpeg,gif,png'} ]
+		},
 		params:    {}
 	};
 	uploader = new wp.Uploader( uploader );
 	uploader.uploader.bind( 'BeforeUpload', imageFormatUploadStart );
 	uploader.uploader.bind( 'UploadProgress', imageFormatUploadProgress );
+	uploader.uploader.bind( 'FilesAdded', imageFormatUploadFilesAdded );
 
 	function switchFormatClass( format ) {
 		formatField.val( format );