;(function ($) {
/* Start Widget Free Resource */
$(document).on('click', '.ct-wg-select-image', function (e) {
e.preventDefault();
var $this = $(this);
var image = wp.media({
title: 'Upload image',
multiple: false
}).open()
.on('select', function (e) {
// This will return the selected image from the Media Uploader, the result is an object
var uploaded_image = image.state().get('selection').first();
// We convert uploaded_image to a JSON object to make accessing it easier
// Output to the console uploaded_image
console.log(uploaded_image.toJSON());
var image_url = uploaded_image.toJSON().id;
// Let's assign the url value to the input field
$this.parent().find('.hide-image-url').val(image_url);
$this.parent().find('.ct-wg-show-image').empty();
$this.parent().find('.ct-wg-show-image').append('<img src = "' + uploaded_image.toJSON().url + '">');
$this.hide();
$this.parent().find('.ct-wg-remove-image').show();
$this.parents('form').find('input[name="savewidget"]').removeAttr('disabled');
});
});
$(document).on('click', '.ct-wg-remove-image', function (e) {
e.preventDefault();
var $this = $(this);
$this.parent().find('.hide-image-url').val('');
$this.parent().find('.ct-wg-show-image').empty();
$this.hide();
$this.parent().find('.ct-wg-select-image').show();
$this.parents('form').find('input[name="savewidget"]').removeAttr('disabled');
});
/* End Widget Free Resource */
})(jQuery);