74 lines
2.8 KiB
PHP
74 lines
2.8 KiB
PHP
<?php
|
|
function wpcfto_term_meta_field_image($field_key, $value)
|
|
{
|
|
$img_src = wp_get_attachment_image_url($value, 'full');
|
|
?>
|
|
<div class="wpcfto_image_field">
|
|
<div class="wpcfto_image_field__holder">
|
|
<img src="<?php echo esc_url($img_src); ?>" />
|
|
</div>
|
|
<button class="button button-primary wpcfto_image_field__add">
|
|
<?php esc_html_e('Add image', 'wp-custom-fields-theme-options'); ?>
|
|
</button>
|
|
<button class="button button-secondary wpcfto_image_field__delete">
|
|
<?php esc_html_e('Delete image', 'wp-custom-fields-theme-options'); ?>
|
|
</button>
|
|
<input type="hidden"
|
|
name="<?php echo esc_attr($field_key) ?>"
|
|
id="<?php echo esc_attr($field_key) ?>"
|
|
value="<?php echo esc_attr($value); ?>" />
|
|
</div>
|
|
<script type="text/javascript">
|
|
(function($){
|
|
var frame;
|
|
$(document).ready(function(){
|
|
var $btn = '';
|
|
$('.wpcfto_image_field__delete').on('click', function(e) {
|
|
e.preventDefault();
|
|
|
|
$btn = $(this);
|
|
|
|
var $input = $btn.closest('.wpcfto_image_field').find('input');
|
|
var $img = $btn.closest('.wpcfto_image_field').find('img');
|
|
|
|
$input.val('');
|
|
$img.attr('src', '');
|
|
});
|
|
$('.wpcfto_image_field__add').on('click', function(e) {
|
|
e.preventDefault();
|
|
$btn = $(this);
|
|
if ( frame ) {
|
|
frame.open();
|
|
return;
|
|
}
|
|
|
|
frame = wp.media({
|
|
title: '<?php esc_html_e("Select or Upload Media Of Your Chosen Persuasion", 'wp-custom-fields-theme-options'); ?>',
|
|
button: {
|
|
text: '<?php esc_html_e("Use this media", 'wp-custom-fields-theme-options'); ?>'
|
|
},
|
|
multiple: false
|
|
});
|
|
|
|
frame.on( 'select', function() {
|
|
|
|
// Get media attachment details from the frame state
|
|
var attachment = frame.state().get('selection').first().toJSON();
|
|
|
|
var image_id = attachment.id;
|
|
var image_url = attachment.url;
|
|
var $input = $btn.closest('.wpcfto_image_field').find('input');
|
|
var $img = $btn.closest('.wpcfto_image_field').find('img');
|
|
|
|
$input.val(image_id);
|
|
$img.attr('src', image_url);
|
|
});
|
|
|
|
// Finally, open the modal on click
|
|
frame.open();
|
|
|
|
});
|
|
});
|
|
})(jQuery)
|
|
</script>
|
|
<?php }
|