58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
|
(function ($) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
/* Document is Raedy */
|
||
|
|
$(document).ready(function () {
|
||
|
|
|
||
|
|
function media_upload(button_class) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
$('body').on('click', button_class, function (e) {
|
||
|
|
|
||
|
|
var upload_button = $(this);
|
||
|
|
// If the media frame already exists, reopen it.
|
||
|
|
if (frame) {
|
||
|
|
frame.open();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Create a new media frame
|
||
|
|
var frame = wp.media({
|
||
|
|
library: {
|
||
|
|
type: 'image'
|
||
|
|
},
|
||
|
|
multiple: false
|
||
|
|
});
|
||
|
|
|
||
|
|
frame.on('select', function () {
|
||
|
|
// Get media attachment details from the frame state
|
||
|
|
var attachment = frame.state().get('selection').first().toJSON();
|
||
|
|
|
||
|
|
upload_button.parent(".upload-item").find('.custom_media_id').val(attachment.id);
|
||
|
|
upload_button.parent(".upload-item").find('.custom_media_image').attr('src', attachment.url).css('display', 'block');
|
||
|
|
|
||
|
|
$('.components-button').removeAttr("disabled");
|
||
|
|
upload_button.parent(".upload-item").find('.custom_media_id').trigger('change');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
frame.open();
|
||
|
|
return false;
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
media_upload('.custom_media_upload');
|
||
|
|
|
||
|
|
$('body').on('click', ".custom_media_upload_remove", function (e) {
|
||
|
|
|
||
|
|
$(this).parent(".upload-item").find('.custom_media_id').val("");
|
||
|
|
$(this).parent(".upload-item").find('.custom_media_id').trigger('change');
|
||
|
|
$(this).parent(".upload-item").find('.custom_media_image').css('display', 'none');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
})(jQuery);
|