Changeset 41352 for trunk/src/wp-includes/script-loader.php

Timestamp:

09/08/2017 07:10:59 PM (7 years ago)

Author:

westonruter

Message:

Widgets: Add dirty state tracking for widgets on admin screen.

• Mark a widget as dirty when a field input triggers a change or input event; clear dirty state when widget is successfully saved.
• Disable Save button and re-label "Saved" when widget not dirty.
• Show AYS dialog when leaving widgets admin screen with unsaved changes.
• When widgets are dirty, expand all unsaved widgets at AYS check and focus on first one.
• Change "Close" link to "Done"; hide link when widget is dirty and reveal when saved.
• The "Done" link persistently appears in the Customizer even after making a change (when the widget is dirty) because changes are autosaved into the changeset.
• Prevent saving widget when form fails checkValidity.
• Fix frequency of triggering of change event on the rich Text widget's textarea limited now to when there are actual changes.
• Add a class of widget-dirty to widget containers when the widget has unsaved changes.

Props westonruter, timmydcrawford, melchoyce.
Fixes #41610, #23120.

File:

• trunk/src/wp-includes/script-loader.php (modified) (1 diff)

trunk/src/wp-includes/script-loader.php

@@ -673 +673 @@
 
         $scripts->add( 'admin-widgets', "/wp-admin/js/widgets$suffix.js", array( 'jquery-ui-sortable', 'jquery-ui-draggable', 'jquery-ui-droppable' ), false, 1 );
+        $scripts->add_inline_script( 'admin-widgets', sprintf( 'wpWidgets.l10n = %s;', wp_json_encode( array(
+            'save' => __( 'Save' ),
+            'saved' => __( 'Saved' ),
+            'saveAlert' => __( 'The changes you made will be lost if you navigate away from this page.' ),
+        ) ) ) );
+
         $scripts->add( 'media-widgets', "/wp-admin/js/widgets/media-widgets$suffix.js", array( 'jquery', 'media-models', 'media-views', 'wp-api-request' ) );
         $scripts->add_inline_script( 'media-widgets', 'wp.mediaWidgets.init();', 'after' );