Ticket #51476: 51476.2.diff

src/js/_enqueues/wp/updates.js

@@ -445 +445 @@
         wp.updates.updatePlugin = function( args ) {
                 var $updateRow, $card, $message, message;
 
+                var $adminBarUpdates  = $( '#wp-admin-bar-updates' );
+
                 args = _.extend( {
                         success: wp.updates.updatePluginSuccess,
                         error: wp.updates.updatePluginError
@@ -475 +477 @@
                         $message.data( 'originaltext', $message.html() );
                 }
 
+                $adminBarUpdates.addClass( 'updating-message' );
+
                 $message
                         .attr( 'aria-label', message )
                         .text( __( 'Updating...' ) );
@@ -501 +505 @@
         wp.updates.updatePluginSuccess = function( response ) {
                 var $pluginRow, $updateMessage, newText;
 
+                var $adminBarUpdates = $( '#wp-admin-bar-updates' );
+
                 if ( 'plugins' === pagenow || 'plugins-network' === pagenow ) {
                         $pluginRow     = $( 'tr[data-plugin="' + response.plugin + '"]' )
                                 .removeClass( 'update' )
@@ -513 +519 @@
                         newText = $pluginRow.find( '.plugin-version-author-uri' ).html().replace( response.oldVersion, response.newVersion );
                         $pluginRow.find( '.plugin-version-author-uri' ).html( newText );
 
+                        $adminBarUpdates.removeClass( 'updating-message' );
+
                         // Clear the "time to next auto-update" text.
                         $pluginRow.find( '.auto-update-time' ).empty();
                 } else if ( 'plugin-install' === pagenow || 'plugin-install-network' === pagenow ) {
@@ -555 +563 @@
         wp.updates.updatePluginError = function( response ) {
                 var $card, $message, errorMessage;
 
+                var $adminBarUpdates  = $( '#wp-admin-bar-updates' );
+
                 if ( ! wp.updates.isValidResponse( response, 'update' ) ) {
                         return;
                 }
@@ -577 +587 @@
                         }
                         $message.removeClass( 'updating-message notice-warning' ).addClass( 'notice-error' ).find( 'p' ).html( errorMessage );
 
+                        $adminBarUpdates.removeClass( 'updating-message' );
+
                         if ( response.pluginName ) {
                                 $message.find( 'p' )
                                         .attr(

src/wp-includes/css/admin-bar.css

@@ -588 +588 @@
         top: 2px;
 }
 
+#wpadminbar #wp-admin-bar-updates.updating-message .ab-icon:before {
+        display: inline-block;
+        animation: rotation 2s infinite linear;
+}
+
 /**
  * Search
  */