Ticket #23120: 23120.9.diff

src/wp-admin/css/wp-admin.css

@@ -5938 +5938 @@
         margin: 2px 5px 0;
 }
 
+.spinner.success,
+.spinner.error {
+        opacity: 1;
+        filter: alpha(opacity=100);
+        background: url('');
+}
+
+.spinner.success:before {
+        font: normal 20px/1 'dashicons';
+        content: '\f147';
+        color: #395f39;
+}
+
+.spinner.error {
+        font: normal 20px/1 'dashicons';
+        content: '\f335';
+        color: #5f3939;
+}
+
 .no-float {
         float: none;
 }

src/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' ).delay( 1000 ).fadeOut( 'fast', function() {
+                                        spinner.removeClass( 'success' );
+                                });
+                        }
+                })
+                .error( function() {
+                        if ( spinner ) {
+                                spinner.addClass( 'error' ).delay( 1000 ).fadeOut( 'fast', function() {
+                                        spinner.removeClass( 'error' );
+                                });
+                        }
                 });
         },
 
         save : function( widget, del, animate, order ) {
                 var sidebarId = widget.closest('div.widgets-sortables').attr('id'),
-                        data = widget.find('form').serialize(), a;
+                        data = widget.find('form').serialize(), a, spinner;
 
-                widget = $(widget);
-                $('.spinner', widget).show();
+                widget  = $(widget);
+                spinner = $('.spinner', widget);
+                spinner.show();
 
                 a = {
                         action: 'save-widget',
@@ -372 +384 @@
                                         widget.remove();
                                 }
                         } else {
-                                $('.spinner').hide();
+                                spinner.addClass('success').delay( 1000 ).fadeOut( 'fast', function() {
+                                        spinner.removeClass( 'success' );
+                                });
                                 if ( r && r.length > 2 ) {
                                         $( 'div.widget-content', widget ).html(r);
                                         wpWidgets.appendTitle( widget );