AlkantarClanX12
Your IP : 18.118.119.129
(function($) {
$(document).ready(function() {
$('#gallery_manager').each(function() {
var $manager = $(this);
$gallery_field = $('#thegem_gallery_images', $manager);
var gallery_images_frame;
$gallery_images = $('ul.gallery-images', $manager);
$manager.on( 'click', 'a#upload_button', function( event ) {
var $el = $(this);
var attachment_ids = $gallery_field.val();
event.preventDefault();
if ( gallery_images_frame ) {
gallery_images_frame.open();
return;
}
// Create the media frame.
gallery_images_frame = wp.media.frames.gallery_images = wp.media({
// Set the title of the modal.
title: 'Select Images',
button: {
text: 'Add Images',
},
states : [
new wp.media.controller.Library({
title: 'Select Images',
filterable : 'image',
multiple: true,
})
]
});
// When an image is selected, run a callback.
gallery_images_frame.on( 'select', function() {
var selection = gallery_images_frame.state().get('selection');
selection.map( function( attachment ) {
attachment = attachment.toJSON();
if ( attachment.id ) {
attachment_ids = attachment_ids ? attachment_ids + "," + attachment.id : attachment.id;
$gallery_images.append('\
<li class="image" data-attachment_id="' + attachment.id + '">\
<a href="'+ attachment.editLink +'" class="edit" target="_blank"><img src="' + attachment.url + '" /></a>\
<a href="javascript:void(0);" class="remove">x</a>\
</li>');
}
});
$gallery_field.val( attachment_ids );
});
// Finally, open the modal.
gallery_images_frame.open();
});
// Image ordering
$gallery_images.sortable({
items: 'li.image',
cursor: 'move',
scrollSensitivity: 40,
forcePlaceholderSize: true,
forceHelperSize: false,
helper: 'clone',
opacity: 0.65,
placeholder: 'thegem-gallery-images-sortable',
start:function(event,ui){
ui.item.css('background-color','#f6f6f6');
},
stop:function(event,ui){
ui.item.removeAttr('style');
},
update: function(event, ui) {
var attachment_ids = '';
$('li.image', $gallery_images).css('cursor','default').each(function() {
var attachment_id = jQuery(this).attr( 'data-attachment_id' );
attachment_ids = attachment_ids + attachment_id + ',';
});
$gallery_field.val( attachment_ids );
}
});
// Remove images
$gallery_images.on( 'click', 'li.image a.remove', function() {
$(this).closest('li.image').remove();
var attachment_ids = '';
$('li.image', $gallery_images).css('cursor','default').each(function() {
var attachment_id = jQuery(this).attr( 'data-attachment_id' );
attachment_ids = attachment_ids + attachment_id + ',';
});
$gallery_field.val( attachment_ids );
return false;
});
// Edit images
$gallery_images.on( 'click', 'li.image a.edit1', function() {
var attachment_id = $(this).closest('li.image').data('attachment_id');
var gallery_image_edit_frame = wp.media.frames.gallery_image_edit = wp.media({
// Set the title of the modal.
title: 'Edit Image Information',
button: {
text: 'Close'
},
library: {
post__in: [attachment_id]
}
});
gallery_image_edit_frame.on( 'open', function() {
var selection = gallery_image_edit_frame.state().get('selection');
attachment = wp.media.attachment(attachment_id);
attachment.fetch();
selection.add( attachment ? [ attachment ] : [] );
});
gallery_image_edit_frame.open();
return false;
});
});
});
})(jQuery);