168 lines
6.5 KiB
JavaScript
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);
|