Current File : /home/tradesc/www/relax/wp-content/plugins/profile-builder/assets/lib/wck-api/fields/upload.js
jQuery(document).ready(function(){
if( typeof wp != "undefined" && typeof wp.media != "undefined" ){
// Uploading files
var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id
jQuery(document).on( 'click', '.wck_upload_button', function( event ){
event.preventDefault();
var set_to_post_id = jQuery( this ).data( 'post_id' ); // Set this
var file_frame;
var uploadInputId = jQuery( this ).data( 'upload_input' );
var uploadInFront = jQuery( this ).data( 'upload_in_backend' );
var attachToPost = jQuery( this ).data( 'attach_to_post' );
var uploadButton = jQuery( this );
/* remove set_to_post_id value if we do not want to attach to post */
if( attachToPost != true ){
set_to_post_id = '';
}
/* set default tab to upload file */
wp.media.controller.Library.prototype.defaults.contentUserSetting = false;
if( uploadInFront != true )
wp.media.controller.Library.prototype.defaults.router = false;
wp.media.controller.Library.prototype.defaults.searchable = true;
wp.media.controller.Library.prototype.defaults.sortable = false;
// If the media frame already exists, reopen it.
if ( file_frame ) {
// Set the post ID to what we want
file_frame.uploader.uploader.param( 'post_id', set_to_post_id );
// Open frame
file_frame.open();
return;
} else {
// Set the wp.media post id so the uploader grabs the ID we want when initialised
wp.media.model.settings.post.id = set_to_post_id;
}
// Create the media frame.
file_frame = wp.media.frames.file_frame = wp.media({
title: jQuery( this ).data( 'uploader_title' ),
button: {
text: jQuery( this ).data( 'uploader_button_text' ),
},
multiple: jQuery( this ).data( 'multiple_upload' ) // Set to true to allow multiple files to be selected
});
/* restrict allowed file types if we have to */
allowedTypes = jQuery( this ).data( 'allowed_types' );
if( allowedTypes != undefined )
file_frame.uploader.options.uploader['params']['allowed_type'] = allowedTypes;
// When an image is selected, run a callback.
file_frame.on( 'select', function() {
// We set multiple to false so only get one image from the uploader
attachments = file_frame.state().get('selection').toJSON();
var attids = [];
for( var i=0;i < attachments.length; i++ ){
// Do something with attachment.id and/or attachment.url here
attids.push( attachments[i].id );
result = '<div class="upload-field-details" id="'+ uploadInputId +'_info_container" data-attachment_id="'+ attachments[i].id +'">';
if( attachments[i].sizes != undefined ){
if( attachments[i].sizes.thumbnail != undefined )
thumb = attachments[i].sizes.thumbnail;
else
thumb = attachments[i].sizes.full;
thumbnailUrl = thumb.url;
}
else{
thumbnailUrl = attachments[i].icon;
}
result += '<div class="file-thumb"><img width="80" height="80" src="'+ thumbnailUrl +'"/></div>';
result += '<p><span class="file-name">'+attachments[i].filename+'</span><span class="file-type">'+attachments[i].mime +'</span><span class="wck-remove-upload">Remove</span></p></div>';
/* if multiple upload false remove previous upload details */
if( uploadButton.data( 'multiple_upload' ) == false ){
jQuery( '.upload-field-details', uploadButton.parent() ).remove();
}
uploadButton.before( result );
}
/* turn into comma separated string */
attids = attids.join(',');
jQuery( 'input[id="'+uploadInputId+'"]', uploadButton.parent() ).val( attids );
// Restore the main post ID
wp.media.model.settings.post.id = wp_media_post_id;
});
// Finally, open the modal
file_frame.open();
// remove tabs from the top ( this is done higher in the code when setting router to false )
//jQuery('.media-frame-router').remove();
if( jQuery( this ).data( 'uploader_logged_in' ) == undefined ){
jQuery('.media-frame-title').append('<style type="text/css">label.setting{display:none !important;}</style>');
}
});
// Restore the main ID when the add media button is pressed
jQuery('a.add_media').on('click', function() {
wp.media.model.settings.post.id = wp_media_post_id;
});
jQuery(document).on('click', '.wck-remove-upload', function(e){
/* update hidden input */
removedAttachement = jQuery(this).parent().parent('.upload-field-details').data('attachment_id');
upload_input = jQuery(this).parent().parent().parent().children('input[type="hidden"]');
uploadAttachemnts = upload_input.val();
uploadAttachemntsArray = uploadAttachemnts.split( ',' );
newuploadAttachments = [];
for( var i=0;i < uploadAttachemntsArray.length; i++ ){
if( uploadAttachemntsArray[i] != removedAttachement )
newuploadAttachments.push(uploadAttachemntsArray[i]);
}
newuploadAttachments = newuploadAttachments.join(',');
upload_input.val(newuploadAttachments);
/* remove the attachment details */
jQuery(this).parent().parent('.upload-field-details').remove();
});
}
});
Mini Shell