wp_blog/wp-content/themes/nuzi/admin/assets/js/of-medialibrary-uploader.js
2020-01-02 23:15:16 +07:00

168 lines
6.5 KiB
JavaScript

/*-----------------------------------------------------------------------------------*/
/* WooFramework Media Library-driven AJAX File Uploader Module
/* JavaScript Functions (2010-11-05)
/*
/* The code below is designed to work as a part of the WooFramework Media Library-driven
/* AJAX File Uploader Module. It is included only on screens where this module is used.
/*
/* Used with (very) slight modifications for Options Framework.
/*-----------------------------------------------------------------------------------*/
(function ($) {
optionsframeworkMLU = {
/*-----------------------------------------------------------------------------------*/
/* Remove file when the "remove" button is clicked.
/*-----------------------------------------------------------------------------------*/
removeFile: function () {
$('.mlu_remove_button').live('click', function(event) {
var clickedObject = $(this);
var theID = $(this).attr('title');
var image_to_remove = $('#image_' + theID);
var button_to_hide = $('#reset_' + theID);
image_to_remove.fadeOut(500,function(){ $(this).remove(); });
button_to_hide.fadeOut();
clickedObject.parent().prev('input').val('');
return false;
});
// Hide the delete button on the first row
$('a.delete-inline', "#option-1").hide();
}, // End removeFile
/*-----------------------------------------------------------------------------------*/
/* Replace the default file upload field with a customised version.
/*-----------------------------------------------------------------------------------*/
recreateFileField: function () {
$('input.file').each(function(){
var uploadbutton = '<input class="upload_file_button" type="button" value="Upload" />';
$(this).wrap('<div class="file_wrap" />');
$(this).addClass('file').css('opacity', 0); //set to invisible
$(this).parent().append($('<div class="fake_file" />').append($('<input type="text" class="upload" />').attr('id',$(this).attr('id')+'_file')).val( $(this).val() ).append(uploadbutton));
$(this).bind('change', function() {
$('#'+$(this).attr('id')+'_file').val($(this).val());
});
$(this).bind('mouseout', function() {
$('#'+$(this).attr('id')+'_file').val($(this).val());
});
});
}, // End recreateFileField
/*-----------------------------------------------------------------------------------*/
/* Use a custom function when working with the Media Uploads popup.
/* Requires jQuery, Media Upload and Thickbox JavaScripts.
/*-----------------------------------------------------------------------------------*/
mediaUpload: function () {
jQuery.noConflict();
$( '.media_upload_button' ).removeAttr('style');
var formfield,
formID,
btnContent = true,
tbframe_interval;
// On Click
$('.media_upload_button').live("click", function () {
clickedObject = $(this);
formfield = $(this).parent().prev('input').attr('id');
formID = $(this).attr('rel');
imgID = $(this).attr('id');
//Change "insert into post" to "Use this Button"
tbframe_interval = setInterval(function() {jQuery('#TB_iframeContent').contents().find('.savesend .button').val('Use This Image');}, 2000);
// Display a custom title for each Thickbox popup.
var woo_title = '';
if ( $(this).parents('.section').find('.heading') ) { woo_title = $(this).parents('.section').find('.heading').text(); } // End IF Statement
tb_show( woo_title, 'media-upload.php?post_id='+formID+'&TB_iframe=1' );
return false;
});
window.original_send_to_editor = window.send_to_editor;
window.send_to_editor = function(html) {
if (formfield) {
//clear interval for "Use this Button" so button text resets
clearInterval(tbframe_interval);
// itemurl = $(html).attr('href'); // Use the URL to the main image.
if ( $(html).html(html).find('img').length > 0 ) {
itemurl = $(html).html(html).find('img').attr('src'); // Use the URL to the size selected.
} else {
// It's not an image. Get the URL to the file instead.
var htmlBits = html.split("'"); // jQuery seems to strip out XHTML when assigning the string to an object. Use alternate method.
itemurl = htmlBits[1]; // Use the URL to the file.
var itemtitle = htmlBits[2];
itemtitle = itemtitle.replace( '>', '' );
itemtitle = itemtitle.replace( '</a>', '' );
} // End IF Statement
var image = /(^.*\.jpg|jpeg|png|gif|ico*)/gi;
var document = /(^.*\.pdf|doc|docx|ppt|pptx|odt*)/gi;
var audio = /(^.*\.mp3|m4a|ogg|wav*)/gi;
var video = /(^.*\.mp4|m4v|mov|wmv|avi|mpg|ogv|3gp|3g2*)/gi;
if (itemurl.match(image)) {
btnContent = '<a class="of-uploaded-image" href="'+itemurl+'"><img id="image_'+imgID+'" class="of-option-image" src="'+itemurl+'" alt="" /></a>';
} else {
// No output preview if it's not an image.
// btnContent = '';
// Standard generic output if it's not an image.
html = '<a href="'+itemurl+'" target="_blank" rel="external">View File</a>';
btnContent = 'Sorry, but that is not a valid image URL';
}
$('#' + formfield).val(itemurl);
// $('#' + formfield).next().next('div').slideDown().html(btnContent);
$('#' + formfield).siblings('.screenshot').fadeIn().html(btnContent);
clickedObject.next('span').fadeIn();
tb_remove();
} else {
window.original_send_to_editor(html);
}
// Clear the formfield value so the other media library popups can work as they are meant to. - 2010-11-11.
formfield = '';
}
} // End mediaUpload
}; // End optionsframeworkMLU Object // Don't remove this, or the sky will fall on your head.
/*-----------------------------------------------------------------------------------*/
/* Execute the above methods in the optionsframeworkMLU object.
/*-----------------------------------------------------------------------------------*/
$(document).ready(function () {
optionsframeworkMLU.removeFile();
optionsframeworkMLU.recreateFileField();
optionsframeworkMLU.mediaUpload();
});
})(jQuery);