Ticket #44264: 44264.8.diff

src/js/_enqueues/admin/privacy-tools.js

@@ -60 +60 @@
                         $action        = $this.parents( '.export-personal-data' ),
                         $requestRow    = $this.parents( 'tr' ),
                         $progress      = $requestRow.find( '.export-progress' ),
+                        $rowActions    = $this.parents( '.row-actions' ),
                         requestID      = $action.data( 'request-id' ),
                         nonce          = $action.data( 'nonce' ),
                         exportersCount = $action.data( 'exporters-count' ),
@@ -68 +69 @@
                 event.preventDefault();
                 event.stopPropagation();
 
+                $rowActions.addClass( 'processing' );
+
                 $action.blur();
                 clearResultsAfterRow( $requestRow );
                 setExportProgress( 0 );
@@ -78 +81 @@
                         setActionState( $action, 'export-personal-data-success' );
 
                         appendResultsAfterRow( $requestRow, 'notice-success', summaryMessage, [] );
-                        $this.hide();
 
                         if ( 'undefined' !== typeof zipUrl ) {
                                 window.location = zipUrl;
@@ -85 +87 @@
                         } else if ( ! sendAsEmail ) {
                                 onExportFailure( strings.noExportFile );
                         }
+
+                        setTimeout( function(){ $rowActions.removeClass( 'processing' ); }, 500 );
                 }
 
                 function onExportFailure( errorMessage ) {
@@ -92 +96 @@
                         if ( errorMessage ) {
                                 appendResultsAfterRow( $requestRow, 'notice-error', strings.exportError, [ errorMessage ] );
                         }
+
+                        setTimeout( function(){ $rowActions.removeClass( 'processing' ); }, 500 );
                 }
 
                 function setExportProgress( exporterIndex ) {
@@ -151 +157 @@
                         $action       = $this.parents( '.remove-personal-data' ),
                         $requestRow   = $this.parents( 'tr' ),
                         $progress     = $requestRow.find( '.erasure-progress' ),
+                        $rowActions    = $this.parents( '.row-actions' ),
                         requestID     = $action.data( 'request-id' ),
                         nonce         = $action.data( 'nonce' ),
                         erasersCount  = $action.data( 'erasers-count' ),
@@ -158 +165 @@
                         hasRetained   = false,
                         messages      = [];
 
+                event.preventDefault();
                 event.stopPropagation();
 
+                $rowActions.addClass( 'processing' );
+
                 $action.blur();
                 clearResultsAfterRow( $requestRow );
                 setErasureProgress( 0 );
@@ -186 +196 @@
                                 }
                         }
                         appendResultsAfterRow( $requestRow, classes, summaryMessage, messages );
-                        $this.hide();
+
+                        setTimeout( function(){ $rowActions.removeClass( 'processing' ); }, 500 );
                 }
 
                 function onErasureFailure() {
                         setActionState( $action, 'remove-personal-data-failed' );
                         appendResultsAfterRow( $requestRow, 'notice-error', strings.removalError, [] );
+
+                        setTimeout( function(){ $rowActions.removeClass( 'processing' ); }, 500 );
                 }
 
                 function setErasureProgress( eraserIndex ) {

src/wp-admin/css/forms.css

@@ -1206 +1206 @@
         color: #72777c;
 }
 
+.privacy_requests .row-actions.processing {
+        position: static;
+}
+
 .privacy_requests tbody .has-request-results th {
         box-shadow: none;
 }