taxonomy image

<?php

/**
 * @author   Nivo Themes
 * @since    1.0
 * @package  nivoshop
 * @snippet	 Brand Metas
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

/*
 * Category / Custom Taxonomy Image
 *
 * https://catapultthemes.com/adding-an-image-upload-field-to-categories/
 */

if ( ! class_exists( 'CT_TAX_META' ) ) {

	class CT_TAX_META {

		public function __construct() {
		//
		}

		/*
		* Initialize the class and start calling our hooks and filters
		* @since 1.0.0
		*/
		public function init() {
			add_action( 'brand_add_form_fields', array ( $this, 'add_category_image' ), 10, 2 );
			add_action( 'created_product_cat', array ( $this, 'save_category_image' ), 10, 2 );
			add_action( 'brand_edit_form_fields', array ( $this, 'update_category_image' ), 10, 2 );
			add_action( 'edited_product_cat', array ( $this, 'updated_category_image' ), 10, 2 );
			add_action( 'admin_footer', array ( $this, 'add_script' ) );
		}

		/*
		* Add a form field in the new category page
		* @since 1.0.0
		*/
		public function add_category_image ( $taxonomy ) { ?>
			<div class="form-field term-group">
				<label for="category-image-id"><?php echo __('Marka Logosu', 'nivothemes'); ?></label>
				<input type="hidden" id="category-image-id" name="category-image-id" class="custom_media_url" value="">
				<div id="category-image-wrapper"></div>
				<p>
					<input type="button" class="button button-secondary ct_tax_media_button" id="ct_tax_media_button" name="ct_tax_media_button" value="<?php echo __( 'Resim Ekle', 'nivothemes' ); ?>" />
					<input type="button" class="button button-secondary ct_tax_media_remove" id="ct_tax_media_remove" name="ct_tax_media_remove" value="<?php echo __( 'Resmi Kaldır', 'nivothemes' ); ?>" />
				</p>
			</div>
		<?php
		}

		/*
		* Save the form field
		* @since 1.0.0
		*/
		public function save_category_image ( $term_id, $tt_id ) {
			if( isset( $_POST['category-image-id'] ) && '' !== $_POST['category-image-id'] ){
				$image = $_POST['category-image-id'];
				add_term_meta( $term_id, 'category-image-id', $image, true );
			}
		}

		/*
		* Edit the form field
		* @since 1.0.0
		*/
		public function update_category_image ( $term, $taxonomy ) { ?>
			<tr class="form-field term-group-wrap">
				<th scope="row">
					<label for="category-image-id"><?php echo __( 'Kategori Resmi', 'nivothemes' ); ?></label>
				</th>
				<td>
					<?php $image_id = get_term_meta ( $term -> term_id, 'category-image-id', true ); ?>
					<input type="hidden" id="category-image-id" name="category-image-id" value="<?php echo $image_id; ?>">
					<div id="category-image-wrapper">
						<?php if ( $image_id ) { ?>
						<?php echo wp_get_attachment_image ( $image_id, 'thumbnail' ); ?>
						<?php } ?>
					</div>
					<p>
						<input type="button" class="button button-secondary ct_tax_media_button" id="ct_tax_media_button" name="ct_tax_media_button" value="<?php echo __( 'Resim Ekle', 'nivothemes' ); ?>" />
						<input type="button" class="button button-secondary ct_tax_media_remove" id="ct_tax_media_remove" name="ct_tax_media_remove" value="<?php echo __( 'Resmi Kaldır', 'nivothemes' ); ?>" />
					</p>
				</td>
			</tr>
		<?php
		}

		/*
		* Update the form field value
		* @since 1.0.0
		*/
		public function updated_category_image ( $term_id, $tt_id ) {
			if( isset( $_POST['category-image-id'] ) && '' !== $_POST['category-image-id'] ){
				$image = $_POST['category-image-id'];
				update_term_meta ( $term_id, 'category-image-id', $image );
			} else {
				update_term_meta ( $term_id, 'category-image-id', '' );
			}
		}

		/*
		* Add script
		* @since 1.0.0
		*/
		public function add_script() { ?>
		<script type="text/javascript">
		jQuery(document).ready( function($) {
			function ct_media_upload(button_class) {
				var _custom_media = true,
				_orig_send_attachment = wp.media.editor.send.attachment;
				$('body').on('click', button_class, function(e) {
					var button_id = '#'+$(this).attr('id');
					var send_attachment_bkp = wp.media.editor.send.attachment;
					var button = $(button_id);
					_custom_media = true;
					wp.media.editor.send.attachment = function(props, attachment){
						if ( _custom_media ) {
							$('#category-image-id').val(attachment.id);
							$('#category-image-wrapper').html('<img class="custom_media_image" src="" style="margin:0;padding:0;max-height:100px;float:none;" />');
							$('#category-image-wrapper .custom_media_image').attr('src',attachment.sizes.thumbnail.url).css('display','block');
						} else {
							return _orig_send_attachment.apply( button_id, [props, attachment] );
						}
					}
					wp.media.editor.open(button);
					return false;
				});
			}
			ct_media_upload('.ct_tax_media_button.button'); 
				$('body').on('click','.ct_tax_media_remove',function(){
				$('#category-image-id').val('');
				$('#category-image-wrapper').html('<img class="custom_media_image" src="" style="margin:0;padding:0;max-height:100px;float:none;" />');
			});
			// Thanks: http://stackoverflow.com/questions/15281995/wordpress-create-category-ajax-response
			$(document).ajaxComplete(function(event, xhr, settings) {
				var queryStringArr = settings.data.split('&');
				if( $.inArray('action=add-tag', queryStringArr) !== -1 ){
					var xml = xhr.responseXML;
					$response = $(xml).find('term_id').text();
					if($response!=""){
						// Clear the thumb image
						$('#category-image-wrapper').html('');
					}
				}
			});
		});
		</script>
		<?php }

	}
	$CT_TAX_META = new CT_TAX_META();
	$CT_TAX_META -> init();
}