77 lines
2.0 KiB
JavaScript
77 lines
2.0 KiB
JavaScript
|
(function( $, _ ) {
|
||
|
|
|
||
|
|
var fileFrame;
|
||
|
|
var attachment;
|
||
|
|
var fileNameInput;
|
||
|
|
var fileUrlInput;
|
||
|
|
var fileNamePlaceholder;
|
||
|
|
var fileUrlPlaceholder;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Render custom media uploader
|
||
|
|
*
|
||
|
|
* @param row Object
|
||
|
|
*
|
||
|
|
* @return void
|
||
|
|
*/
|
||
|
|
function renderMediaUploader( row ) {
|
||
|
|
|
||
|
|
// Find the correct file name and url inputs
|
||
|
|
fileNameInput = row.find( 'td.file_name input.input_text' );
|
||
|
|
fileUrlInput = row.find( 'td.file_url input.input_text' );
|
||
|
|
|
||
|
|
// Use existing file frame instance or create one
|
||
|
|
if ( undefined !== fileFrame ) {
|
||
|
|
fileFrame.open();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
fileFrame = wp.media.frames.file_frame = wp.media( {
|
||
|
|
title: as3cf_woo.strings.media_modal_title,
|
||
|
|
button: {
|
||
|
|
text: as3cf_woo.strings.media_modal_button
|
||
|
|
},
|
||
|
|
states: [
|
||
|
|
new wp.media.controller.Library( {
|
||
|
|
title: as3cf_woo.strings.media_modal_title,
|
||
|
|
filterable: 'all',
|
||
|
|
multiple: false
|
||
|
|
} )
|
||
|
|
]
|
||
|
|
} );
|
||
|
|
|
||
|
|
// Handle file selection
|
||
|
|
fileFrame.on( 'select', function() {
|
||
|
|
attachment = fileFrame.state().get( 'selection' ).first().toJSON();
|
||
|
|
|
||
|
|
fileNamePlaceholder = fileNameInput.attr( 'placeholder' );
|
||
|
|
fileUrlPlaceholder = fileUrlInput.attr( 'placeholder' );
|
||
|
|
fileNameInput.val( attachment.title ).attr( 'placeholder', fileNamePlaceholder ).trigger( 'change' );
|
||
|
|
fileUrlInput.val( attachment.url ).attr( 'placeholder', fileUrlPlaceholder ).trigger( 'change' );
|
||
|
|
} );
|
||
|
|
|
||
|
|
// Ensure files are uploaded to the woocommerce_uploads directory
|
||
|
|
fileFrame.on( 'ready', function() {
|
||
|
|
fileFrame.uploader.options.uploader.params = {
|
||
|
|
type: 'downloadable_product'
|
||
|
|
};
|
||
|
|
} );
|
||
|
|
|
||
|
|
fileFrame.open();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Replace WooCommerce upload file click handler
|
||
|
|
$( document ).ready( function() {
|
||
|
|
$( document ).off( 'click', '.upload_file_button' );
|
||
|
|
$( document.body ).off( 'click', '.upload_file_button' ); // WooCommerce 2.4+
|
||
|
|
|
||
|
|
$( document ).on( 'click', '.upload_file_button', function( e ) {
|
||
|
|
var row = $( this ).closest( 'tr' );
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
renderMediaUploader( row );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
|
||
|
|
})( jQuery, _ );
|