post-category-image

<?php

/*-------------------------------------------------------
* ------- Category Image Upload : Home Style: 4 ---------
--------------------------------------------------------- */
if ( ! class_exists( 'Gutenwp_Post_Category_Image' ) ) {

class Gutenwp_Post_Category_Image {

public function __construct() { }

/*
* Initialize the class and start calling our hooks and filters
*/
public function init() {
   add_action( 'category_add_form_fields', array ( $this, 'add_category_image' ), 10, 2 );
   add_action( 'created_category', array ( $this, 'save_category_image' ), 10, 2 );
   add_action( 'category_edit_form_fields', array ( $this, 'update_category_image' ), 10, 2 );
   add_action( 'edited_category', array ( $this, 'updated_category_image' ), 10, 2 );
   add_action( 'admin_enqueue_scripts', array( $this, 'load_media' ) );
   add_action( 'admin_footer', array ( $this, 'add_script' ) );
}

public function load_media() {
    wp_enqueue_media();
}

/*-------------------------------------------------
* --- Add a form field in the new category page ---
--------------------------------------------------- */
public function add_category_image ( $taxonomy ) { ?>
    <div class="form-field term-group">
        <label for="category-image-id"><?php _e('Image', 'gutenwp'); ?></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 gutenwp_tax_media_button" id="gutenwp_tax_media_button" name="gutenwp_tax_media_button" value="<?php _e( 'Add Image', 'gutenwp' ); ?>" />
           <input type="button" class="button button-secondary gutenwp_tax_media_remove" id="gutenwp_tax_media_remove" name="gutenwp_tax_media_remove" value="<?php _e( 'Remove Image', 'gutenwp' ); ?>" />
        </p>
    </div>
<?php }


/*--------------------------------------
* -------- Save the form field ---------
---------------------------------------- */
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 ---------
---------------------------------------- */
public function update_category_image ( $term, $taxonomy ) { ?>
    <tr class="form-field term-group-wrap">
        <th scope="row">
            <label for="category-image-id"><?php _e( 'Image', 'gutenwp' ); ?></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 gutenwp_tax_media_button" id="gutenwp_tax_media_button" name="gutenwp_tax_media_button" value="<?php _e( 'Add Image', 'gutenwp' ); ?>" />
                <input type="button" class="button button-secondary gutenwp_tax_media_remove" id="gutenwp_tax_media_remove" name="gutenwp_tax_media_remove" value="<?php _e( 'Remove Image', 'gutenwp' ); ?>" />
            </p>
        </td>
    </tr>
<?php }


/*--------------------------------------
* ---- Update the form field value -----
---------------------------------------- */
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 -------------
-------------------------------------- */
public function add_script() { ?>
    <script>
        jQuery(document).ready( function($) {
            function gutenwp_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.url).css('display','block');
                        } else {
                           return _orig_send_attachment.apply( button_id, [props, attachment] );
                        }
                    }
                    wp.media.editor.open(button);
                    return false;
                });
            }

            gutenwp_media_upload('.gutenwp_tax_media_button.button');
            $('body').on('click','.gutenwp_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;" />');
            });


            $(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 } }
    $Gutenwp_Post_Category_Image = new Gutenwp_Post_Category_Image();
    $Gutenwp_Post_Category_Image -> init();
}