Ticket #23120: 23120.4.diff

wp-admin/js/widgets.js

@@ -175 +175 @@
         },
 
         saveOrder : function(sb) {
+                var spinner;
+
                 if ( sb )
-                        $('#' + sb).closest('div.widgets-holder-wrap').find('.spinner').css('display', 'inline-block');
+                        spinner = $('#' + sb).closest('div.widgets-holder-wrap').find('.sidebar-name .spinner').css('display', 'inline-block');
 
                 var a = {
                         action: 'widgets-order',
@@ -190 +192 @@
                 });
 
                 $.post( ajaxurl, a, function() {
-                        $('.spinner').hide();
+                        if ( spinner ) {
+                                spinner.addClass('success').fadeOut('slow', function() {
+                                        $(this).removeClass('success');
+                                });
+                        }
+                })
+                .error( function() {
+                        if ( spinner ) {
+                                spinner.addClass('error').fadeOut('slow', function() {
+                                        $(this).removeClass('error');
+                                });
+                        }
                 });
 
                 this.resize();
@@ -235 +248 @@
                                         wpWidgets.resize();
                                 }
                         } 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);
@@ -244 +260 @@
                         }
                         if ( order )
                                 wpWidgets.saveOrder();
+                })
+                .error( function() {
+                        $('.spinner', widget).addClass('error').fadeOut('slow', function() {
+                                $(this).removeClass('error');
+                        });
                 });
         },
 

wp-admin/css/wp-admin.css

@@ -4625 +4625 @@
         margin: 5px 5px 0;
 }
 
+.spinner.error,
+.spinner.success {
+        background-image: url(../images/spinner-icons.png);
+        background-size: 32px 16px;
+        opacity: 1;
+        filter: alpha(opacity=100);
+}
+
+.spinner.error {
+        background-position: -16px 0;
+}
+
+.spinner.success {
+        background-position: 0 0;
+}
+
 .no-float {
         float: none;
 }
@@ -9173 +9189 @@
         .customize-loading #customize-container {
                 background-image: url(../images/wpspin_light-2x.gif);
         }
+
+        .spinner.error,
+        .spinner.success {
+                background-image: url(../images/spinner-icons-2x.png);
+                background-size: 64px 32px;
+        }
+
+        .spinner.error {
+                background-position: -32px 0;
+        }
+
+        .spinner.success {
+                background-position: 0 0;
+        }
 }
 
 /* =Localized CSS