Ticket #21785: 21785-mm-crop-error-button.diff

src/wp-includes/css/media-views.css

@@ -47 +47 @@
         color: #fff;
 }
 
+.media-frame a.button-error {
+        color: white;
+        background-color: red;
+        border-color: #CC0000;
+}
+
+.media-frame a.button-error:hover {
+        background-color: #CC0000;
+        border-color: #CC0000;
+}
+
 .media-frame input[type="text"],
 .media-frame input[type="password"],
 .media-frame input[type="number"],

src/wp-includes/js/media-views.js

@@ -1331 +1331 @@
                                                         selection.crop(cropDetails).done( function( croppedImage ) {
                                                                 self.controller.trigger('cropped', croppedImage );
                                                                 self.controller.close();
+                                                        }).fail( function() {
+                                                                self.$el.attr('disabled', false);
+                                                                self.$el.text(l10n.errorRetry);
+                                                                self.$el.addClass('button-error');
                                                         });
                                                 }
                                         }

src/wp-includes/media.php

@@ -2475 +2475 @@
                  */
                 'selected'    => __( '%d selected' ),
                 'dragInfo'    => __( 'Drag and drop to reorder images.' ),
+                'errorRetry'    => __( 'Error! Retry?' ),
 
                 // Upload
                 'uploadFilesTitle'  => __( 'Upload Files' ),