Tiny File Manager | image-advanced.js

Back Back Up Advanced Editor

jQuery( function( $ )
{
	// Use only one frame for all upload fields
	var frame,
		template = $( '#tmpl-the7-mb-image-advanced' ).html();

$( 'body' ).on( 'click', '.the7-mb-image-advanced-upload', function( e )
	{
		e.preventDefault();

var $uploadButton = $( this ),
			$imageList = $uploadButton.siblings( '.the7-mb-images' ),
			maxFileUploads = $imageList.data( 'max_file_uploads' ),
			msg = maxFileUploads > 1 ? the7mbFile.maxFileUploadsPlural : the7mbFile.maxFileUploadsSingle;

msg = msg.replace( '%d', maxFileUploads );

// Create a frame only if needed
		if ( !frame )
		{
			frame = wp.media( {
				className: 'media-frame the7-mb-media-frame',
				multiple : true,
				title    : the7mbImageAdvanced.frameTitle,
				library  : {
					type: 'image'
				}
			} );
		}

// Open media uploader
		frame.open();

// Remove all attached 'select' event
		frame.off( 'select' );

// Handle selection
		frame.on( 'select', function()
		{
			// Get selections
			var selection = frame.state().get( 'selection' ).toJSON(),
				uploaded = $imageList.children().length,
				ids;

if ( maxFileUploads > 0 && ( uploaded + selection.length ) > maxFileUploads )
			{
				if ( uploaded < maxFileUploads )
					selection = selection.slice( 0, maxFileUploads - uploaded );
				alert( msg );
			}

// Get only files that haven't been added to the list
			// Also prevent duplication when send ajax request
			selection = _.filter( selection, function( attachment )
			{
				return $imageList.children( 'li#item_' + attachment.id ).length == 0;
			} );
			ids = _.pluck( selection, 'id' );
			console.log( selection );

if( ids.length > 0 )
			{
				var data = {
					action			: 'the7_mb_attach_media',
					post_id			: $( '#post_ID' ).val(),
					field_id		: $imageList.data( 'field_id' ),
					attachment_ids	: ids,
					_ajax_nonce  	: $uploadButton.data( 'attach_media_nonce' )
				};

$.post( ajaxurl, data, function( r )
				{
					if( r.success )
					{
						$imageList
							.append( _.template( template, { attachments: selection }, {
								evaluate:    /<#([\s\S]+?)#>/g,
								interpolate: /\{\{\{([\s\S]+?)\}\}\}/g,
								escape:      /\{\{([^\}]+?)\}\}(?!\})/g
							} ) )
							.trigger('update.the7mbFile');
					}
				}, 'json' );
			}
		} );
	} )
} );