Changeset 58137

Timestamp:

05/12/2024 06:43:19 PM (4 months ago)

Author:

joedolson

Message:

Users: Add JS confirmation if user profile has unsaved changes.

Add a confirmation dialog when users navigate away from the user profile screen if they have unsaved changes to prevent data loss.

Props ashokrane, karlijnbk, diedeexterkate, jwgoedert, joedolson, swissspidy, afercia.
Fixes #40493.

File:

• trunk/src/js/_enqueues/admin/user-profile.js (modified) (4 diffs)

trunk/src/js/_enqueues/admin/user-profile.js

@@ -6 +6 @@
 (function($) {
     var updateLock = false,
+        isSubmitting = false,
         __ = wp.i18n.__,
         $pass1Row,
@@ -16 +17 @@
         $submitButton,
         currentPass,
+        $form,
+        originalFormContent,
         $passwordWrapper;
 
@@ -455 +458 @@
         bindPasswordForm();
         bindPasswordResetLink();
+        $submitButtons.on( 'click', function() {
+            isSubmitting = true;
+        });
+
+        $form = $( '#your-profile, #createuser' );
+        originalFormContent = $form.serialize();
     });
 
@@ -482 +491 @@
             return __( 'Your new password has not been saved.' );
         }
-    } );
+        if ( originalFormContent !== $form.serialize() && ! isSubmitting ) {
+            return __( 'Changes that you made may not be saved.' );
+        }
+    });
 
     /*