Ticket #23120: 23120.7.diff

wp-admin/css/wp-admin.css

@@ -5938 +5938 @@
         margin: 2px 5px 0;
 }
 
+.spinner.success,
+.spinner.error {
+        background-image: url('../images/uploader-icons.png');
+        background-size: 134px 15px;
+}
+
+.spinner.success {
+        background-position: 0 1px;
+}
+
+.spinner.error {
+        background-position: -16px 1px;
+}
+
 .no-float {
         float: none;
 }
@@ -11534 +11548 @@
                 background-image: url('../images/spinner-2x.gif');
         }
 
+        .spinner.error,
+        .spinner.success {
+                background-image: url('../images/uploader-icons-2x.png');
+                background-size: 134px 16px;
+        }
+        .spinner.error {
+                background-position: -32px 2px;
+        }
+        .spinner.success {
+                background-position: 0 2px;
+        }
+
 }
 
 /* =Localized CSS

wp-admin/js/widgets.js

@@ -313 +313 @@
                         action: 'widgets-order',
                         savewidgets: $('#_wpnonce_widgets').val(),
                         sidebars: []
-                };
+                }, spinner;
 
                 if ( sidebarId ) {
-                        $( '#' + sidebarId ).find('.spinner:first').css('display', 'inline-block');
+                        spinner = $( '#' + sidebarId ).find('.spinner:first').css('display', 'inline-block');
                 }
 
                 $('div.widgets-sortables').each( function() {
@@ -326 +326 @@
                 });
 
                 $.post( ajaxurl, data, function() {
-                        $('.spinner').hide();
+                        if ( spinner ) {
+                                spinner.addClass( 'success' ).css( 'opacity', 1 ).fadeOut( 'slow', function() {
+                                        spinner.removeClass( 'success' );
+                                });
+                        }
+                })
+                .error( function() {
+                        if ( spinner ) {
+                                spinner.addClass( 'error' ).css( 'opacity', 1 ).fadeOut( 'slow', function() {
+                                        spinner.removeClass( 'error' );
+                                });
+                        }
                 });
         },
 
@@ -372 +383 @@
                                         widget.remove();
                                 }
                         } else {
-                                $('.spinner').hide();
+                                $('.spinner', widget).addClass('success').fadeOut('slow', function() {
+                                        $(this).removeClass('success');
+                                });
+
                                 if ( r && r.length > 2 ) {
                                         $( 'div.widget-content', widget ).html(r);
                                         wpWidgets.appendTitle( widget );