Inline event handlers refactoring

Gruntfile.js

@@ -258,6 +258,8 @@ module.exports = function(grunt) {
 					[ WORKING_DIR + 'wp-admin/js/inline-edit-post.js' ]: [ './src/js/_enqueues/admin/inline-edit-post.js' ],
 					[ WORKING_DIR + 'wp-admin/js/inline-edit-tax.js' ]: [ './src/js/_enqueues/admin/inline-edit-tax.js' ],
 					[ WORKING_DIR + 'wp-admin/js/language-chooser.js' ]: [ './src/js/_enqueues/lib/language-chooser.js' ],
+					[ WORKING_DIR + 'wp-admin/js/link-manager.js' ]: [ './src/js/_enqueues/admin/link-manager.js' ],
+					[ WORKING_DIR + 'wp-admin/js/media-events.js' ]: [ './src/js/_enqueues/admin/media-events.js' ],
 					[ WORKING_DIR + 'wp-admin/js/link.js' ]: [ './src/js/_enqueues/admin/link.js' ],
 					[ WORKING_DIR + 'wp-admin/js/media-gallery.js' ]: [ './src/js/_enqueues/deprecated/media-gallery.js' ],
 					[ WORKING_DIR + 'wp-admin/js/media-upload.js' ]: [ './src/js/_enqueues/admin/media-upload.js' ],
@@ -269,10 +271,12 @@ module.exports = function(grunt) {
 					[ WORKING_DIR + 'wp-admin/js/postbox.js' ]: [ './src/js/_enqueues/admin/postbox.js' ],
 					[ WORKING_DIR + 'wp-admin/js/revisions.js' ]: [ './src/js/_enqueues/wp/revisions.js' ],
 					[ WORKING_DIR + 'wp-admin/js/set-post-thumbnail.js' ]: [ './src/js/_enqueues/admin/set-post-thumbnail.js' ],
+					[ WORKING_DIR + 'wp-admin/js/setup-config.js' ]: [ './src/js/_enqueues/admin/setup-config.js' ],
 					[ WORKING_DIR + 'wp-admin/js/svg-painter.js' ]: [ './src/js/_enqueues/wp/svg-painter.js' ],
 					[ WORKING_DIR + 'wp-admin/js/tags-box.js' ]: [ './src/js/_enqueues/admin/tags-box.js' ],
 					[ WORKING_DIR + 'wp-admin/js/tags-suggest.js' ]: [ './src/js/_enqueues/admin/tags-suggest.js' ],
 					[ WORKING_DIR + 'wp-admin/js/tags.js' ]: [ './src/js/_enqueues/admin/tags.js' ],
+					[ WORKING_DIR + 'wp-admin/js/themes-list.js' ]: [ './src/js/_enqueues/admin/themes-list.js' ],
 					[ WORKING_DIR + 'wp-admin/js/site-health.js' ]: [ './src/js/_enqueues/admin/site-health.js' ],
 					[ WORKING_DIR + 'wp-admin/js/privacy-tools.js' ]: [ './src/js/_enqueues/admin/privacy-tools.js' ],
 					[ WORKING_DIR + 'wp-admin/js/theme-plugin-editor.js' ]: [ './src/js/_enqueues/wp/theme-plugin-editor.js' ],
@@ -310,6 +314,7 @@ module.exports = function(grunt) {
 					[ WORKING_DIR + 'wp-includes/js/heartbeat.js' ]: [ './src/js/_enqueues/wp/heartbeat.js' ],
 					[ WORKING_DIR + 'wp-includes/js/mce-view.js' ]: [ './src/js/_enqueues/wp/mce-view.js' ],
 					[ WORKING_DIR + 'wp-includes/js/media-editor.js' ]: [ './src/js/_enqueues/wp/media/editor.js' ],
+					[ WORKING_DIR + 'wp-includes/js/metabox-events.js' ]: [ './src/js/_enqueues/lib/metabox-events.js' ],
 					[ WORKING_DIR + 'wp-includes/js/quicktags.js' ]: [ './src/js/_enqueues/lib/quicktags.js' ],
 					[ WORKING_DIR + 'wp-includes/js/shortcode.js' ]: [ './src/js/_enqueues/wp/shortcode.js' ],
 					[ WORKING_DIR + 'wp-includes/js/utils.js' ]: [ './src/js/_enqueues/lib/cookies.js' ],
@@ -819,6 +824,8 @@ module.exports = function(grunt) {
 					'src/wp-admin/js/inline-edit-tax.js': 'src/js/_enqueues/admin/inline-edit-tax.js',
 					'src/wp-admin/js/language-chooser.js': 'src/js/_enqueues/lib/language-chooser.js',
 					'src/wp-admin/js/link.js': 'src/js/_enqueues/admin/link.js',
+					'src/wp-admin/js/link-manager.js': 'src/js/_enqueues/admin/link-manager.js',
+					'src/wp-admin/js/media-events.js': 'src/js/_enqueues/admin/media-events.js',
 					'src/wp-admin/js/media-gallery.js': 'src/js/_enqueues/deprecated/media-gallery.js',
 					'src/wp-admin/js/media-upload.js': 'src/js/_enqueues/admin/media-upload.js',
 					'src/wp-admin/js/media.js': 'src/js/_enqueues/admin/media.js',
@@ -829,10 +836,12 @@ module.exports = function(grunt) {
 					'src/wp-admin/js/postbox.js': 'src/js/_enqueues/admin/postbox.js',
 					'src/wp-admin/js/revisions.js': 'src/js/_enqueues/wp/revisions.js',
 					'src/wp-admin/js/set-post-thumbnail.js': 'src/js/_enqueues/admin/set-post-thumbnail.js',
+					'src/wp-admin/js/setup-config.js': 'src/js/_enqueues/admin/setup-config.js',
 					'src/wp-admin/js/svg-painter.js': 'src/js/_enqueues/wp/svg-painter.js',
 					'src/wp-admin/js/tags-box.js': 'src/js/_enqueues/admin/tags-box.js',
 					'src/wp-admin/js/tags-suggest.js': 'src/js/_enqueues/admin/tags-suggest.js',
 					'src/wp-admin/js/tags.js': 'src/js/_enqueues/admin/tags.js',
+					'src/wp-admin/js/themes-list.js': 'src/js/_enqueues/admin/themes-list.js',
 					'src/wp-admin/js/theme-plugin-editor.js': 'src/js/_enqueues/wp/theme-plugin-editor.js',
 					'src/wp-admin/js/theme.js': 'src/js/_enqueues/wp/theme.js',
 					'src/wp-admin/js/updates.js': 'src/js/_enqueues/wp/updates.js',
@@ -864,6 +873,7 @@ module.exports = function(grunt) {
 					'src/wp-includes/js/heartbeat.js': 'src/js/_enqueues/wp/heartbeat.js',
 					'src/wp-includes/js/mce-view.js': 'src/js/_enqueues/wp/mce-view.js',
 					'src/wp-includes/js/media-editor.js': 'src/js/_enqueues/wp/media/editor.js',
+					'src/wp-includes/js/metabox-events.js': 'src/js/_enqueues/lib/metabox-events.js',
 					'src/wp-includes/js/quicktags.js': 'src/js/_enqueues/lib/quicktags.js',
 					'src/wp-includes/js/shortcode.js': 'src/js/_enqueues/wp/shortcode.js',
 					'src/wp-includes/js/utils.js': 'src/js/_enqueues/lib/cookies.js',

src/js/_enqueues/admin/common.js

@@ -1939,6 +1939,12 @@ $document.ready( function() {
 		// Toggle the Show Details button expanded state.
 		$( this ).attr( 'aria-expanded', $progressDiv.is( ':visible' ) );
 	});
+
+	// Event handler for "Go back" link (if present)
+	$( '.go-back' ).click( function () {
+		window.history.go( -1 );
+		return false;
+	} );
 });
 
 /**

src/js/_enqueues/admin/custom-header.js

@@ -27,6 +27,13 @@
 			});
 		});
 
+		var name = document.getElementById( 'name' );
+		if ( name !== null ) {
+			name.addEventListener( 'click', function ( event ) {
+				event.preventDefault();
+			} );
+		}
+
 		/**
 		 * Opens the 'choose from library' frame and creates it if it doesn't exist.
 		 *

src/js/_enqueues/admin/edit-comments.js

@@ -813,6 +813,13 @@ window.commentReply = {
 				commentReply.close();
 		});
 
+		$('#the-comment-list').on('click', '.open-comment-reply', function () {
+			commentReply.open(
+				this.dataset.commentId,
+				this.dataset.postId
+			);
+		});
+
 		this.comments_listing = $('#comments-form > input[name="comment_status"]').val() || '';
 	},
 

src/js/_enqueues/admin/link-manager.js

@@ -0,0 +1,24 @@
+/**
+ * @output wp-admin/js/link-manager.js
+ */
+/**
+ * Link manager event handler
+ *
+ * @since 5.6.0
+ *
+ * @param {Object} document  The document object.
+ *
+ * @return {void}
+ */
+ /* global confirm */
+( function ( document ) {
+	document.addEventListener( 'DOMContentLoaded', function () {
+		document.querySelectorAll( '.submitdelete-link' ).forEach( function ( item ) {
+			item.addEventListener( 'click', function ( event ) {
+				if ( ! confirm( item.dataset.prompt ) ) {
+					event.preventDefault();
+				}
+			} );
+		} );
+	} );
+} )( document );

src/js/_enqueues/admin/link.js

@@ -2,7 +2,7 @@
  * @output wp-admin/js/link.js
  */
 
-/* global postboxes, deleteUserSetting, setUserSetting, getUserSetting */
+/* global confirm, postboxes, deleteUserSetting, setUserSetting, getUserSetting */
 
 jQuery(document).ready( function($) {
 
@@ -43,6 +43,11 @@ jQuery(document).ready( function($) {
 	 */
 	$('#link-category-add-submit').click( function() { newCat.focus(); } );
 
+	// Adds event handler that prompts the user with confirmation dialog
+	$('.submitdelete-link' ).click( function () {
+			return confirm( this.dataset.prompt );
+	} );
+
 	/**
 	 * Synchronize category checkboxes.
 	 *

src/js/_enqueues/admin/media-events.js

@@ -0,0 +1,118 @@
+/**
+ * @output wp-admin/js/media-events.js
+ */
+/**
+ * Admin media event handlers.
+ *
+ * @since 5.6.0
+ * 
+ * @requires image-edit
+ * @requires gallery
+ * @requires set-post-thumbnail
+ *
+ * @param {Object} document  The document object.
+ * @param {Object} window    The window object.
+ *
+ * @return {void}
+ */
+
+ /* global  addExtImage, imageEdit, wpgallery, WPSetAsThumbnail */
+( function ( document, window ) {
+	document.addEventListener( 'DOMContentLoaded', function () {
+		document
+			.querySelectorAll( '.imgedit-open-btn' )
+			.forEach( function ( item ) {
+				item.addEventListener( 'click', function () {
+					imageEdit.open(
+						parseInt( item.dataset.postId, 10 ),
+						item.dataset.nonce
+					);
+				} );
+			} );
+
+		document.querySelectorAll( '.del-link' ).forEach( function ( item ) {
+			item.addEventListener( 'click', function ( event ) {
+				document.getElementById(
+					'del_attachment_' + item.dataset.attachmentId
+				).style.display = 'block';
+				event.preventDefault();
+			} );
+		} );
+
+		document
+			.querySelectorAll( '.button.cancel-del-link' )
+			.forEach( function ( item ) {
+				item.addEventListener( 'click', function ( event ) {
+					this.parentNode.style.display = 'none';
+					event.preventDefault();
+				} );
+			} );
+
+		document
+			.querySelectorAll( '.wp-post-thumbnail' )
+			.forEach( function ( item ) {
+				item.addEventListener( 'click', function ( event ) {
+					WPSetAsThumbnail(
+						item.dataset.attachmentId,
+						item.dataset.ajaxNonce
+					);
+					event.preventDefault();
+				} );
+			} );
+
+		var cancelAsyncUpload = document.getElementById(
+			'cancel-async-upload'
+		);
+		if ( cancelAsyncUpload !== null ) {
+			cancelAsyncUpload.addEventListener( 'click', function ( event ) {
+				try {
+					window.top.tb_remove();
+				} catch ( e ) {}
+				event.preventDefault();
+			} );
+		}
+
+		document
+			.querySelectorAll( '.button.gallery-actions' )
+			.forEach( function ( item ) {
+				item.addEventListener( 'mousedown', function () {
+					wpgallery.update();
+				} );
+			} );
+
+		var srcInput = document.getElementById( 'src' );
+		if ( srcInput !== null ) {
+			// wp_media_insert_url_form was called.
+			srcInput.addEventListener( 'blur', function () {
+				addExtImage.getImageData();
+			} );
+
+			document
+				.querySelectorAll( 'td.field > input[name="align"]' )
+				.forEach( function ( item ) {
+					item.addEventListener( 'click', function ( event ) {
+						addExtImage.align = 'align' + event.target.value;
+					} );
+				} );
+
+			document
+				.getElementById( 'image-only-none' )
+				.addEventListener( 'click', function () {
+					document.forms[ 0 ].url.value = null;
+				} );
+
+			document
+				.getElementById( 'image-only-link' )
+				.addEventListener( 'click', function () {
+					document.forms[ 0 ].url.value =
+						document.forms[ 0 ].src.value;
+				} );
+
+			document
+				.getElementById( 'go_button' )
+				.addEventListener( 'click', function () {
+					addExtImage.insert();
+				} );
+		}
+	} );
+} )( document, window );

src/js/_enqueues/admin/media.js

@@ -171,6 +171,19 @@
 			}
 		});
 
+		// Binds the click event to the 'Delete Permanently' button.
+		$( '.warn-media-delete' ).click( function () {
+				return showNotice.warn();
+		});
+
+		// Binds the click event to the 'Attach' button.
+		$( '.attach-to-existing' ).each( function () {
+			$( this ).click( function ( event ) {
+				findPosts.open( 'media[]', this.dataset.postId );
+				event.preventDefault();
+			});
+		});
+
 		// Binds the click event to the search button.
 		$( '#find-posts-search' ).click( findPosts.send );
 

src/js/_enqueues/admin/post.js

@@ -4,7 +4,7 @@
  * @output wp-admin/js/post.js
  */
 
- /* global ajaxurl, wpAjax, postboxes, pagenow, tinymce, alert, deleteUserSetting, ClipboardJS */
+ /* global ajaxurl, wpAjax, postboxes, pagenow, prompt, tinymce, alert, deleteUserSetting, ClipboardJS */
  /* global theList:true, theExtraList:true, getUserSetting, setUserSetting, commentReply, commentsBox */
  /* global WPSetThumbnailHTML, wptitlehint */
 
@@ -1267,6 +1267,11 @@ jQuery(document).ready( function($) {
 		// Handle success audible feedback.
 		wp.a11y.speak( __( 'The file URL has been copied to your clipboard' ) );
 	} );
+
+	// Handle "Get Shortlink" button click event.
+	$( '#get-shortlink' ).click( function () {
+		prompt( 'URL:',	$( '#shortlink' ).val() );
+	} );
 } );
 
 /**

src/js/_enqueues/admin/setup-config.js

@@ -0,0 +1,23 @@
+/**
+ * @output wp-admin/js/setup-config.js
+ */
+/**
+ * Vanilla JavaScript 'Go back' event handler
+ *
+ * @since 5.6.0
+ *
+ * @param {Object} document  The document object.
+ * @param {Object} window    The window object.
+ *
+ * @return {void}
+ */
+( function ( document, window ) {
+	document.addEventListener( 'DOMContentLoaded', function () {
+		document.querySelectorAll( '.go-back' ).forEach( function ( item ) {
+			item.addEventListener( 'click', function ( event ) {
+				window.history.go( -1 );
+				event.preventDefault();
+			} );
+		} );
+	} );
+} )( document, window );

src/js/_enqueues/admin/themes-list.js

@@ -0,0 +1,24 @@
+/**
+ * @output wp-admin/js/themes-list.js
+ */
+/**
+ * Link manager event handler
+ *
+ * @since 5.6.0
+ *
+ * @param {Object} document  The document object.
+ *
+ * @return {void}
+ */
+ /* global confirm */
+ ( function ( document ) {
+	document.addEventListener( 'DOMContentLoaded', function () {
+		document.querySelectorAll( '.submitdelete-theme' ).forEach( function ( item ) {
+			item.addEventListener( 'click', function ( event ) {
+				if ( ! confirm( item.dataset.prompt ) ) {
+					event.preventDefault();
+				}
+			} );
+		} );
+	} );
+} )( document );