Ticket #23120: 23120.13.diff

src/wp-admin/css/edit.css

@@ -329 +329 @@
         width: 68%;
 }
 
+.widget {
+        position: relative;
+        border-left: 0 solid transparent;
+        transition: border-left 0.2s ease-in-out;
+}
+
+.widget.saved h4:before {
+        opacity: 0;
+        display: block;
+        content: "\f147";
+        transition: opacity 0.2s ease-in-out;
+        -webkit-font-smoothing: antialiased;
+        font: normal 32px/1 'dashicons';
+        position: absolute;
+                top: 2px;
+                left: 9px;
+        line-height: 43px;
+        color: #fff;
+}
+
+.widget.saved h4 {
+        border-left: 48px solid #84d24c;
+}
+
+.widget.saved h4:before {
+        opacity: 1;
+}
+
+.widget.save-failed .spinner {
+        opacity: 1;
+        filter: alpha( opacity=100 );
+        background: url( '' );
+        background-color: #a00;
+        padding: 3px;
+        float: left;
+}
+
+.widget.save-failed .spinner:before {
+        font: normal 20px/1 'dashicons';
+        content: '\f335';
+        color: #fff;
+}
+
+.widget.save-failed .saved-failed-notice {
+        float: left;
+        line-height: 32px;
+        margin-right: 5px;
+}
+
 #post-status-info {
         width: 100%;
         border-spacing: 0;

src/wp-admin/js/widgets.js

@@ -1 @@
-/*global ajaxurl, isRtl */
+/*global ajaxurl, isRtl, _wpWidgetSettings */
 var wpWidgets;
 (function($) {
 
@@ -337 +337 @@
 
         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',
@@ -377 +378 @@
                                         widget.remove();
                                 }
                         } else {
-                                $('.spinner').hide();
+                                $spinner.hide();
                                 if ( r && r.length > 2 ) {
                                         $( 'div.widget-content', widget ).html( r );
                                         wpWidgets.appendTitle( widget );
@@ -387 +388 @@
                         if ( order ) {
                                 wpWidgets.saveOrder();
                         }
+                })
+                .done( function() { // The widget save was successful, collapse the widget and alert the user
+                        if (false){
+
+                                setTimeout( function() {
+                                widget.find( '.widget-title' ).click(); /* Collapses the widget */
+                                // Indicate save successful
+                                widget.addClass( 'saved' );
+                                // Remove the saved indicator ofter a brief delay
+                                setTimeout( function() {
+                                        widget.removeClass( 'saved' );
+                                }, 2500 );
+                        }, 100 );
+                        }
+                })
+                .fail( function() { // The widget save failed, alert the user
+                        setTimeout( function() {
+                                widget.addClass( 'save-failed' );
+                                widget
+                                        .find( '.widget-control-actions' )
+                                        .find( '.alignright' )
+                                        .append( '<div class="saved-failed-notice">' + _wpWidgetSettings.saveFailed + '</div>' );
+                                $spinner.show();
+                                setTimeout( function() {
+                                        widget.removeClass( 'save-failed' );
+                                        widget
+                                                .find( '.saved-failed-notice' ).remove();
+                                        $spinner.hide();
+                                }, 2500 );
+                        }, 100 );
                 });
         },
 

src/wp-admin/widgets.php

@@ -29 +29 @@
         add_filter( 'admin_body_class', 'wp_widgets_access_body_class' );
 } else {
         wp_enqueue_script('admin-widgets');
-
+        wp_localize_script( 'admin-widgets', '_wpWidgetSettings', array(
+                'saveFailed' => __( 'Save failed, try again' )
+        ) );
         if ( wp_is_mobile() )
                 wp_enqueue_script( 'jquery-touch-punch' );
 }