mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-29 17:19:46 +02:00
Many variables in the JavaScript were defined in the global scope without being explicitly assigned to the window. When built with Webpack, the code gets encapsulated in anonymous functions and those implicit globals get assigned to the wrong scope. This patch prevents that from happening. Fixes #44371. See #43731. Built from https://develop.svn.wordpress.org/trunk@43577 git-svn-id: http://core.svn.wordpress.org/trunk@43406 1a063a9b-81f0-0310-95a4-ce76da25c4cd
208 lines
5.1 KiB
JavaScript
208 lines
5.1 KiB
JavaScript
/**
|
|
* Creates a dialog containing posts that can have a particular media attached
|
|
* to it.
|
|
*
|
|
* @since 2.7.0
|
|
* @output wp-admin/js/media.js
|
|
*
|
|
* @namespace findPosts
|
|
*
|
|
* @requires jQuery
|
|
*/
|
|
|
|
/* global ajaxurl, attachMediaBoxL10n, _wpMediaGridSettings, showNotice, findPosts */
|
|
|
|
( function( $ ){
|
|
window.findPosts = {
|
|
/**
|
|
* Opens a dialog to attach media to a post.
|
|
*
|
|
* Adds an overlay prior to retrieving a list of posts to attach the media to.
|
|
*
|
|
* @since 2.7.0
|
|
*
|
|
* @memberOf findPosts
|
|
*
|
|
* @param {string} af_name The name of the affected element.
|
|
* @param {string} af_val The value of the affected post element.
|
|
*
|
|
* @returns {boolean} Always returns false.
|
|
*/
|
|
open: function( af_name, af_val ) {
|
|
var overlay = $( '.ui-find-overlay' );
|
|
|
|
if ( overlay.length === 0 ) {
|
|
$( 'body' ).append( '<div class="ui-find-overlay"></div>' );
|
|
findPosts.overlay();
|
|
}
|
|
|
|
overlay.show();
|
|
|
|
if ( af_name && af_val ) {
|
|
// #affected is a hidden input field in the dialog that keeps track of which media should be attached.
|
|
$( '#affected' ).attr( 'name', af_name ).val( af_val );
|
|
}
|
|
|
|
$( '#find-posts' ).show();
|
|
|
|
// Close the dialog when the escape key is pressed.
|
|
$('#find-posts-input').focus().keyup( function( event ){
|
|
if ( event.which == 27 ) {
|
|
findPosts.close();
|
|
}
|
|
});
|
|
|
|
// Retrieves a list of applicable posts for media attachment and shows them.
|
|
findPosts.send();
|
|
|
|
return false;
|
|
},
|
|
|
|
/**
|
|
* Clears the found posts lists before hiding the attach media dialog.
|
|
*
|
|
* @since 2.7.0
|
|
*
|
|
* @memberOf findPosts
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
close: function() {
|
|
$('#find-posts-response').empty();
|
|
$('#find-posts').hide();
|
|
$( '.ui-find-overlay' ).hide();
|
|
},
|
|
|
|
/**
|
|
* Binds a click event listener to the overlay which closes the attach media
|
|
* dialog.
|
|
*
|
|
* @since 3.5.0
|
|
*
|
|
* @memberOf findPosts
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
overlay: function() {
|
|
$( '.ui-find-overlay' ).on( 'click', function () {
|
|
findPosts.close();
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Retrieves and displays posts based on the search term.
|
|
*
|
|
* Sends a post request to the admin_ajax.php, requesting posts based on the
|
|
* search term provided by the user. Defaults to all posts if no search term is
|
|
* provided.
|
|
*
|
|
* @since 2.7.0
|
|
*
|
|
* @memberOf findPosts
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
send: function() {
|
|
var post = {
|
|
ps: $( '#find-posts-input' ).val(),
|
|
action: 'find_posts',
|
|
_ajax_nonce: $('#_ajax_nonce').val()
|
|
},
|
|
spinner = $( '.find-box-search .spinner' );
|
|
|
|
spinner.addClass( 'is-active' );
|
|
|
|
/**
|
|
* Send a POST request to admin_ajax.php, hide the spinner and replace the list
|
|
* of posts with the response data. If an error occurs, display it.
|
|
*/
|
|
$.ajax( ajaxurl, {
|
|
type: 'POST',
|
|
data: post,
|
|
dataType: 'json'
|
|
}).always( function() {
|
|
spinner.removeClass( 'is-active' );
|
|
}).done( function( x ) {
|
|
if ( ! x.success ) {
|
|
$( '#find-posts-response' ).text( attachMediaBoxL10n.error );
|
|
}
|
|
|
|
$( '#find-posts-response' ).html( x.data );
|
|
}).fail( function() {
|
|
$( '#find-posts-response' ).text( attachMediaBoxL10n.error );
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Initializes the file once the DOM is fully loaded and attaches events to the
|
|
* various form elements.
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
$( document ).ready( function() {
|
|
var settings, $mediaGridWrap = $( '#wp-media-grid' );
|
|
|
|
// Opens a manage media frame into the grid.
|
|
if ( $mediaGridWrap.length && window.wp && window.wp.media ) {
|
|
settings = _wpMediaGridSettings;
|
|
|
|
window.wp.media({
|
|
frame: 'manage',
|
|
container: $mediaGridWrap,
|
|
library: settings.queryVars
|
|
}).open();
|
|
}
|
|
|
|
// Prevents form submission if no post has been selected.
|
|
$( '#find-posts-submit' ).click( function( event ) {
|
|
if ( ! $( '#find-posts-response input[type="radio"]:checked' ).length )
|
|
event.preventDefault();
|
|
});
|
|
|
|
// Submits the search query when hitting the enter key in the search input.
|
|
$( '#find-posts .find-box-search :input' ).keypress( function( event ) {
|
|
if ( 13 == event.which ) {
|
|
findPosts.send();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// Binds the click event to the search button.
|
|
$( '#find-posts-search' ).click( findPosts.send );
|
|
|
|
// Binds the close dialog click event.
|
|
$( '#find-posts-close' ).click( findPosts.close );
|
|
|
|
// Binds the bulk action events to the submit buttons.
|
|
$( '#doaction, #doaction2' ).click( function( event ) {
|
|
|
|
/*
|
|
* Retrieves all select elements for bulk actions that have a name starting with `action`
|
|
* and handle its action based on its value.
|
|
*/
|
|
$( 'select[name^="action"]' ).each( function() {
|
|
var optionValue = $( this ).val();
|
|
|
|
if ( 'attach' === optionValue ) {
|
|
event.preventDefault();
|
|
findPosts.open();
|
|
} else if ( 'delete' === optionValue ) {
|
|
if ( ! showNotice.warn() ) {
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Enables clicking on the entire table row.
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
$( '.find-box-inside' ).on( 'click', 'tr', function() {
|
|
$( this ).find( '.found-radio input' ).prop( 'checked', true );
|
|
});
|
|
});
|
|
})( jQuery );
|