Changeset 9602

Timestamp:

03/18/2020 04:31:40 AM (6 years ago)

Author:

dd32

Message:

Support Forums: Confirm before leaving a page when a reply/thread has been started but not submitted.

Props denisco.
Fixes #155.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support

Files:

• functions.php (modified) (1 diff)
• js/forums.js (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/functions.php

@@ -24 +24 @@
 
         wp_enqueue_script( 'wporg-support-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20181209', true );
-        wp_enqueue_script( 'wporg-support-forums', get_template_directory_uri() . '/js/forums.js', array( 'jquery' ), '20180801', true );
+        wp_enqueue_script( 'wporg-support-forums', get_template_directory_uri() . '/js/forums.js', array( 'jquery' ), '20200318', true );
 }
 add_action( 'wp_enqueue_scripts', 'wporg_support_scripts' );

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/js/forums.js

@@ -1 +1 @@
 ( function( $ ) {
+        if ( $( '#new-post' ).length ) {
+                var requireConfirmClose = false;
 
-        $( '#new-post' ).submit(function() {
-                $( '[type="submit"]', $(this) ).prop( 'disabled', 'disabled' );
-        });
+                $( '#new-post' ).submit( function() {
+                        $( '[type="submit"]', $( this ) ).prop( 'disabled', 'disabled' );
 
-} )( window.jQuery );
+                        requireConfirmClose = false;
+                } );
+
+                $( '#new-post' ).one( 'input', 'input[type=text], textarea', function() {
+                        requireConfirmClose = true;
+                } );
+
+                window.addEventListener( 'beforeunload', function( e ) {
+                        if ( requireConfirmClose ) {
+                                e.preventDefault();
+
+                                // Chrome requires returnValue to be set.
+                                e.returnValue = '';
+                        }
+                } );
+        }
+}( window.jQuery ) );