✏️ Editing: meta-boxes-product-variation.js Read Only

/* global wp, kkart_admin_meta_boxes_variations, kkart_admin, accounting */
jQuery( function( $ ) {
    'use strict';

/**
	 * Variations actions
	 */
	var kkart_meta_boxes_product_variations_actions = {

/**
		 * Initialize variations actions
		 */
		init: function() {
			$( '#variable_product_options' )
				.on( 'change', 'input.variable_is_downloadable', this.variable_is_downloadable )
				.on( 'change', 'input.variable_is_virtual', this.variable_is_virtual )
				.on( 'change', 'input.variable_manage_stock', this.variable_manage_stock )
				.on( 'click', 'button.notice-dismiss', this.notice_dismiss )
				.on( 'click', 'h3 .sort', this.set_menu_order )
				.on( 'reload', this.reload );

$( 'input.variable_is_downloadable, input.variable_is_virtual, input.variable_manage_stock' ).change();
			$( '#kkart-product-data' ).on( 'kkart_variations_loaded', this.variations_loaded );
			$( document.body ).on( 'kkart_variations_added', this.variation_added );
		},

/**
		 * Reload UI
		 *
		 * @param {Object} event
		 * @param {Int} qty
		 */
		reload: function() {
			kkart_meta_boxes_product_variations_ajax.load_variations( 1 );
			kkart_meta_boxes_product_variations_pagenav.set_paginav( 0 );
		},

/**
		 * Check if variation is downloadable and show/hide elements
		 */
		variable_is_downloadable: function() {
			$( this ).closest( '.kkart_variation' ).find( '.show_if_variation_downloadable' ).hide();

if ( $( this ).is( ':checked' ) ) {
				$( this ).closest( '.kkart_variation' ).find( '.show_if_variation_downloadable' ).show();
			}
		},

/**
		 * Check if variation is virtual and show/hide elements
		 */
		variable_is_virtual: function() {
			$( this ).closest( '.kkart_variation' ).find( '.hide_if_variation_virtual' ).show();

if ( $( this ).is( ':checked' ) ) {
				$( this ).closest( '.kkart_variation' ).find( '.hide_if_variation_virtual' ).hide();
			}
		},

/**
		 * Check if variation manage stock and show/hide elements
		 */
		variable_manage_stock: function() {
			$( this ).closest( '.kkart_variation' ).find( '.show_if_variation_manage_stock' ).hide();
			$( this ).closest( '.kkart_variation' ).find( '.variable_stock_status' ).show();

if ( $( this ).is( ':checked' ) ) {
				$( this ).closest( '.kkart_variation' ).find( '.show_if_variation_manage_stock' ).show();
				$( this ).closest( '.kkart_variation' ).find( '.variable_stock_status' ).hide();
			}

// Parent level.
			if ( $( 'input#_manage_stock:checked' ).length ) {
				$( this ).closest( '.kkart_variation' ).find( '.variable_stock_status' ).hide();
			}
		},

/**
		 * Notice dismiss
		 */
		notice_dismiss: function() {
			$( this ).closest( 'div.notice' ).remove();
		},

/**
		 * Run actions when variations is loaded
		 *
		 * @param {Object} event
		 * @param {Int} needsUpdate
		 */
		variations_loaded: function( event, needsUpdate ) {
			needsUpdate = needsUpdate || false;

var wrapper = $( '#kkart-product-data' );

if ( ! needsUpdate ) {
				// Show/hide downloadable, virtual and stock fields
				$( 'input.variable_is_downloadable, input.variable_is_virtual, input.variable_manage_stock', wrapper ).change();

// Open sale schedule fields when have some sale price date
				$( '.kkart_variation', wrapper ).each( function( index, el ) {
					var $el       = $( el ),
						date_from = $( '.sale_price_dates_from', $el ).val(),
						date_to   = $( '.sale_price_dates_to', $el ).val();

if ( '' !== date_from || '' !== date_to ) {
						$( 'a.sale_schedule', $el ).click();
					}
				});

// Remove variation-needs-update classes
				$( '.kkart_variations .variation-needs-update', wrapper ).removeClass( 'variation-needs-update' );

// Disable cancel and save buttons
				$( 'button.cancel-variation-changes, button.save-variation-changes', wrapper ).attr( 'disabled', 'disabled' );
			}

// Init TipTip
			$( '#tiptip_holder' ).removeAttr( 'style' );
			$( '#tiptip_arrow' ).removeAttr( 'style' );
			$( '.kkart_variations .tips, .kkart_variations .help_tip, .kkart_variations .kkart-help-tip', wrapper )
				.tipTip({
					'attribute': 'data-tip',
					'fadeIn':    50,
					'fadeOut':   50,
					'delay':     200
			});

// Datepicker fields
			$( '.sale_price_dates_fields', wrapper ).find( 'input' ).datepicker({
				defaultDate:     '',
				dateFormat:      'yy-mm-dd',
				numberOfMonths:  1,
				showButtonPanel: true,
				onSelect:        function() {
					var option = $( this ).is( '.sale_price_dates_from' ) ? 'minDate' : 'maxDate',
						dates  = $( this ).closest( '.sale_price_dates_fields' ).find( 'input' ),
						date   = $( this ).datepicker( 'getDate' );

dates.not( this ).datepicker( 'option', option, date );
					$( this ).change();
				}
			});

// Allow sorting
			$( '.kkart_variations', wrapper ).sortable({
				items:                '.kkart_variation',
				cursor:               'move',
				axis:                 'y',
				handle:               '.sort',
				scrollSensitivity:    40,
				forcePlaceholderSize: true,
				helper:               'clone',
				opacity:              0.65,
				stop:                 function() {
				    kkart_meta_boxes_product_variations_actions.variation_row_indexes();
				}
			});

$( document.body ).trigger( 'kkart-enhanced-select-init' );
		},

/**
		 * Run actions when added a variation
		 *
		 * @param {Object} event
		 * @param {Int} qty
		 */
		variation_added: function( event, qty ) {
			if ( 1 === qty ) {
				kkart_meta_boxes_product_variations_actions.variations_loaded( null, true );
			}
		},

/**
		 * Lets the user manually input menu order to move items around pages
		 */
		set_menu_order: function( event ) {
			event.preventDefault();
			var $menu_order  = $( this ).closest( '.kkart_variation' ).find('.variation_menu_order');
			var value        = window.prompt( kkart_admin_meta_boxes_variations.i18n_enter_menu_order, $menu_order.val() );

if ( value != null ) {
				// Set value, save changes and reload view
				$menu_order.val( parseInt( value, 10 ) ).change();
				kkart_meta_boxes_product_variations_ajax.save_variations();
			}
		},

/**
		 * Set menu order
		 */
		variation_row_indexes: function() {
			var wrapper      = $( '#variable_product_options' ).find( '.kkart_variations' ),
				current_page = parseInt( wrapper.attr( 'data-page' ), 10 ),
				offset       = parseInt( ( current_page - 1 ) * kkart_admin_meta_boxes_variations.variations_per_page, 10 );

$( '.kkart_variations .kkart_variation' ).each( function ( index, el ) {
				$( '.variation_menu_order', el )
					.val( parseInt( $( el )
					.index( '.kkart_variations .kkart_variation' ), 10 ) + 1 + offset )
					.change();
			});
		}
	};

/**
	 * Variations media actions
	 */
	var kkart_meta_boxes_product_variations_media = {

/**
		 * wp.media frame object
		 *
		 * @type {Object}
		 */
		variable_image_frame: null,

/**
		 * Variation image ID
		 *
		 * @type {Int}
		 */
		setting_variation_image_id: null,

/**
		 * Variation image object
		 *
		 * @type {Object}
		 */
		setting_variation_image: null,

/**
		 * wp.media post ID
		 *
		 * @type {Int}
		 */
		wp_media_post_id: wp.media.model.settings.post.id,

/**
		 * Initialize media actions
		 */
		init: function() {
			$( '#variable_product_options' ).on( 'click', '.upload_image_button', this.add_image );
			$( 'a.add_media' ).on( 'click', this.restore_wp_media_post_id );
		},

/**
		 * Added new image
		 *
		 * @param {Object} event
		 */
		add_image: function( event ) {
			var $button = $( this ),
				post_id = $button.attr( 'rel' ),
				$parent = $button.closest( '.upload_image' );

kkart_meta_boxes_product_variations_media.setting_variation_image    = $parent;
			kkart_meta_boxes_product_variations_media.setting_variation_image_id = post_id;

event.preventDefault();

if ( $button.is( '.remove' ) ) {

$( '.upload_image_id', kkart_meta_boxes_product_variations_media.setting_variation_image ).val( '' ).change();
				kkart_meta_boxes_product_variations_media.setting_variation_image.find( 'img' ).eq( 0 )
					.attr( 'src', kkart_admin_meta_boxes_variations.kkart_placeholder_img_src );
				kkart_meta_boxes_product_variations_media.setting_variation_image.find( '.upload_image_button' ).removeClass( 'remove' );

} else {

// If the media frame already exists, reopen it.
				if ( kkart_meta_boxes_product_variations_media.variable_image_frame ) {
					kkart_meta_boxes_product_variations_media.variable_image_frame.uploader.uploader
						.param( 'post_id', kkart_meta_boxes_product_variations_media.setting_variation_image_id );
					kkart_meta_boxes_product_variations_media.variable_image_frame.open();
					return;
				} else {
					wp.media.model.settings.post.id = kkart_meta_boxes_product_variations_media.setting_variation_image_id;
				}

// Create the media frame.
				kkart_meta_boxes_product_variations_media.variable_image_frame = wp.media.frames.variable_image = wp.media({
					// Set the title of the modal.
					title: kkart_admin_meta_boxes_variations.i18n_choose_image,
					button: {
						text: kkart_admin_meta_boxes_variations.i18n_set_image
					},
					states: [
						new wp.media.controller.Library({
							title: kkart_admin_meta_boxes_variations.i18n_choose_image,
							filterable: 'all'
						})
					]
				});

// When an image is selected, run a callback.
				kkart_meta_boxes_product_variations_media.variable_image_frame.on( 'select', function () {

var attachment = kkart_meta_boxes_product_variations_media.variable_image_frame.state()
						.get( 'selection' ).first().toJSON(),
						url = attachment.sizes && attachment.sizes.thumbnail ? attachment.sizes.thumbnail.url : attachment.url;

$( '.upload_image_id', kkart_meta_boxes_product_variations_media.setting_variation_image ).val( attachment.id ).change();
					kkart_meta_boxes_product_variations_media.setting_variation_image.find( '.upload_image_button' ).addClass( 'remove' );
					kkart_meta_boxes_product_variations_media.setting_variation_image.find( 'img' ).eq( 0 ).attr( 'src', url );

wp.media.model.settings.post.id = kkart_meta_boxes_product_variations_media.wp_media_post_id;
				});

// Finally, open the modal.
				kkart_meta_boxes_product_variations_media.variable_image_frame.open();
			}
		},

/**
		 * Restore wp.media post ID.
		 */
		restore_wp_media_post_id: function() {
			wp.media.model.settings.post.id = kkart_meta_boxes_product_variations_media.wp_media_post_id;
		}
	};

/**
	 * Product variations metabox ajax methods
	 */
	var kkart_meta_boxes_product_variations_ajax = {

/**
		 * Initialize variations ajax methods
		 */
		init: function() {
			$( 'li.variations_tab a' ).on( 'click', this.initial_load );

$( '#variable_product_options' )
				.on( 'click', 'button.save-variation-changes', this.save_variations )
				.on( 'click', 'button.cancel-variation-changes', this.cancel_variations )
				.on( 'click', '.remove_variation', this.remove_variation )
				.on( 'click','.downloadable_files a.delete', this.input_changed );

$( document.body )
				.on( 'change', '#variable_product_options .kkart_variations :input', this.input_changed )
				.on( 'change', '.variations-defaults select', this.defaults_changed );

var postForm = $( 'form#post' );

postForm.on( 'submit', this.save_on_submit );

$( 'input:submit', postForm ).bind( 'click keypress', function() {
				postForm.data( 'callerid', this.id );
			});

$( '.kkart-metaboxes-wrapper' ).on( 'click', 'a.do_variation_action', this.do_variation_action );
		},

/**
		 * Check if have some changes before leave the page
		 *
		 * @return {Bool}
		 */
		check_for_changes: function() {
			var need_update = $( '#variable_product_options' ).find( '.kkart_variations .variation-needs-update' );

if ( 0 < need_update.length ) {
				if ( window.confirm( kkart_admin_meta_boxes_variations.i18n_edited_variations ) ) {
					kkart_meta_boxes_product_variations_ajax.save_changes();
				} else {
					need_update.removeClass( 'variation-needs-update' );
					return false;
				}
			}

return true;
		},

/**
		 * Block edit screen
		 */
		block: function() {
			$( '#kkart-product-data' ).block({
				message: null,
				overlayCSS: {
					background: '#fff',
					opacity: 0.6
				}
			});
		},

/**
		 * Unblock edit screen
		 */
		unblock: function() {
			$( '#kkart-product-data' ).unblock();
		},

/**
		 * Initial load variations
		 *
		 * @return {Bool}
		 */
		initial_load: function() {
			if ( 0 === $( '#variable_product_options' ).find( '.kkart_variations .kkart_variation' ).length ) {
				kkart_meta_boxes_product_variations_pagenav.go_to_page();
			}
		},

/**
		 * Load variations via Ajax
		 *
		 * @param {Int} page (default: 1)
		 * @param {Int} per_page (default: 10)
		 */
		load_variations: function( page, per_page ) {
			page     = page || 1;
			per_page = per_page || kkart_admin_meta_boxes_variations.variations_per_page;

var wrapper = $( '#variable_product_options' ).find( '.kkart_variations' );

kkart_meta_boxes_product_variations_ajax.block();

$.ajax({
				url: kkart_admin_meta_boxes_variations.ajax_url,
				data: {
					action:     'kkart_load_variations',
					security:   kkart_admin_meta_boxes_variations.load_variations_nonce,
					product_id: kkart_admin_meta_boxes_variations.post_id,
					attributes: wrapper.data( 'attributes' ),
					page:       page,
					per_page:   per_page
				},
				type: 'POST',
				success: function( response ) {
					wrapper.empty().append( response ).attr( 'data-page', page );

$( '#kkart-product-data' ).trigger( 'kkart_variations_loaded' );

kkart_meta_boxes_product_variations_ajax.unblock();
				}
			});
		},

/**
		 * Ger variations fields and convert to object
		 *
		 * @param  {Object} fields
		 *
		 * @return {Object}
		 */
		get_variations_fields: function( fields ) {
			var data = $( ':input', fields ).serializeJSON();

$( '.variations-defaults select' ).each( function( index, element ) {
				var select = $( element );
				data[ select.attr( 'name' ) ] = select.val();
			});

return data;
		},

/**
		 * Save variations changes
		 *
		 * @param {Function} callback Called once saving is complete
		 */
		save_changes: function( callback ) {
			var wrapper     = $( '#variable_product_options' ).find( '.kkart_variations' ),
				need_update = $( '.variation-needs-update', wrapper ),
				data        = {};

// Save only with products need update.
			if ( 0 < need_update.length ) {
				kkart_meta_boxes_product_variations_ajax.block();

data                 = kkart_meta_boxes_product_variations_ajax.get_variations_fields( need_update );
				data.action          = 'kkart_save_variations';
				data.security        = kkart_admin_meta_boxes_variations.save_variations_nonce;
				data.product_id      = kkart_admin_meta_boxes_variations.post_id;
				data['product-type'] = $( '#product-type' ).val();

$.ajax({
					url: kkart_admin_meta_boxes_variations.ajax_url,
					data: data,
					type: 'POST',
					success: function( response ) {
						// Allow change page, delete and add new variations
						need_update.removeClass( 'variation-needs-update' );
						$( 'button.cancel-variation-changes, button.save-variation-changes' ).attr( 'disabled', 'disabled' );

$( '#kkart-product-data' ).trigger( 'kkart_variations_saved' );

if ( typeof callback === 'function' ) {
							callback( response );
						}

kkart_meta_boxes_product_variations_ajax.unblock();
					}
				});
			}
		},

/**
		 * Save variations
		 *
		 * @return {Bool}
		 */
		save_variations: function() {
			$( '#variable_product_options' ).trigger( 'kkart_variations_save_variations_button' );

kkart_meta_boxes_product_variations_ajax.save_changes( function( error ) {
				var wrapper = $( '#variable_product_options' ).find( '.kkart_variations' ),
					current = wrapper.attr( 'data-page' );

$( '#variable_product_options' ).find( '#kkart_errors' ).remove();

if ( error ) {
					wrapper.before( error );
				}

$( '.variations-defaults select' ).each( function() {
					$( this ).attr( 'data-current', $( this ).val() );
				});

kkart_meta_boxes_product_variations_pagenav.go_to_page( current );
			});

return false;
		},

/**
		 * Save on post form submit
		 */
		save_on_submit: function( e ) {
			var need_update = $( '#variable_product_options' ).find( '.kkart_variations .variation-needs-update' );

if ( 0 < need_update.length ) {
				e.preventDefault();
				$( '#variable_product_options' ).trigger( 'kkart_variations_save_variations_on_submit' );
				kkart_meta_boxes_product_variations_ajax.save_changes( kkart_meta_boxes_product_variations_ajax.save_on_submit_done );
			}
		},

/**
		 * After saved, continue with form submission
		 */
		save_on_submit_done: function() {
			var postForm = $( 'form#post' ),
				callerid = postForm.data( 'callerid' );

if ( 'publish' === callerid ) {
				postForm.append('<input type="hidden" name="publish" value="1" />').submit();
			} else {
				postForm.append('<input type="hidden" name="save-post" value="1" />').submit();
			}
		},

/**
		 * Discart changes.
		 *
		 * @return {Bool}
		 */
		cancel_variations: function() {
			var current = parseInt( $( '#variable_product_options' ).find( '.kkart_variations' ).attr( 'data-page' ), 10 );

$( '#variable_product_options' ).find( '.kkart_variations .variation-needs-update' )
				.removeClass( 'variation-needs-update' );
			$( '.variations-defaults select' ).each( function() {
				$( this ).val( $( this ).attr( 'data-current' ) );
			});

kkart_meta_boxes_product_variations_pagenav.go_to_page( current );

return false;
		},

/**
		 * Add variation
		 *
		 * @return {Bool}
		 */
		add_variation: function() {
			kkart_meta_boxes_product_variations_ajax.block();

var data = {
				action: 'kkart_add_variation',
				post_id: kkart_admin_meta_boxes_variations.post_id,
				loop: $( '.kkart_variation' ).length,
				security: kkart_admin_meta_boxes_variations.add_variation_nonce
			};

$.post( kkart_admin_meta_boxes_variations.ajax_url, data, function( response ) {
				var variation = $( response );
				variation.addClass( 'variation-needs-update' );

$( '.kkart-notice-invalid-variation' ).remove();
				$( '#variable_product_options' ).find( '.kkart_variations' ).prepend( variation );
				$( 'button.cancel-variation-changes, button.save-variation-changes' ).removeAttr( 'disabled' );
				$( '#variable_product_options' ).trigger( 'kkart_variations_added', 1 );
				kkart_meta_boxes_product_variations_ajax.unblock();
			});

return false;
		},

/**
		 * Remove variation
		 *
		 * @return {Bool}
		 */
		remove_variation: function() {
			kkart_meta_boxes_product_variations_ajax.check_for_changes();

if ( window.confirm( kkart_admin_meta_boxes_variations.i18n_remove_variation ) ) {
				var variation     = $( this ).attr( 'rel' ),
					variation_ids = [],
					data          = {
						action: 'kkart_remove_variations'
					};

kkart_meta_boxes_product_variations_ajax.block();

if ( 0 < variation ) {
					variation_ids.push( variation );

data.variation_ids = variation_ids;
					data.security      = kkart_admin_meta_boxes_variations.delete_variations_nonce;

$.post( kkart_admin_meta_boxes_variations.ajax_url, data, function() {
						var wrapper      = $( '#variable_product_options' ).find( '.kkart_variations' ),
							current_page = parseInt( wrapper.attr( 'data-page' ), 10 ),
							total_pages  = Math.ceil( (
								parseInt( wrapper.attr( 'data-total' ), 10 ) - 1
							) / kkart_admin_meta_boxes_variations.variations_per_page ),
							page         = 1;

$( '#kkart-product-data' ).trigger( 'kkart_variations_removed' );

if ( current_page === total_pages || current_page <= total_pages ) {
							page = current_page;
						} else if ( current_page > total_pages && 0 !== total_pages ) {
							page = total_pages;
						}

kkart_meta_boxes_product_variations_pagenav.go_to_page( page, -1 );
					});

} else {
					kkart_meta_boxes_product_variations_ajax.unblock();
				}
			}

return false;
		},

/**
		 * Link all variations (or at least try :p)
		 *
		 * @return {Bool}
		 */
		link_all_variations: function() {
			kkart_meta_boxes_product_variations_ajax.check_for_changes();

if ( window.confirm( kkart_admin_meta_boxes_variations.i18n_link_all_variations ) ) {
				kkart_meta_boxes_product_variations_ajax.block();

var data = {
					action: 'kkart_link_all_variations',
					post_id: kkart_admin_meta_boxes_variations.post_id,
					security: kkart_admin_meta_boxes_variations.link_variation_nonce
				};

$.post( kkart_admin_meta_boxes_variations.ajax_url, data, function( response ) {
					var count = parseInt( response, 10 );

if ( 1 === count ) {
						window.alert( count + ' ' + kkart_admin_meta_boxes_variations.i18n_variation_added );
					} else if ( 0 === count || count > 1 ) {
						window.alert( count + ' ' + kkart_admin_meta_boxes_variations.i18n_variations_added );
					} else {
						window.alert( kkart_admin_meta_boxes_variations.i18n_no_variations_added );
					}

if ( count > 0 ) {
						kkart_meta_boxes_product_variations_pagenav.go_to_page( 1, count );
						$( '#variable_product_options' ).trigger( 'kkart_variations_added', count );
					} else {
						kkart_meta_boxes_product_variations_ajax.unblock();
					}
				});
			}

return false;
		},

/**
		 * Add new class when have changes in some input
		 */
		input_changed: function() {
			$( this )
				.closest( '.kkart_variation' )
				.addClass( 'variation-needs-update' );

$( 'button.cancel-variation-changes, button.save-variation-changes' ).removeAttr( 'disabled' );

$( '#variable_product_options' ).trigger( 'kkart_variations_input_changed' );
		},

/**
		 * Added new .variation-needs-update class when defaults is changed
		 */
		defaults_changed: function() {
			$( this )
				.closest( '#variable_product_options' )
				.find( '.kkart_variation:first' )
				.addClass( 'variation-needs-update' );

$( 'button.cancel-variation-changes, button.save-variation-changes' ).removeAttr( 'disabled' );

$( '#variable_product_options' ).trigger( 'kkart_variations_defaults_changed' );
		},

/**
		 * Actions
		 */
		do_variation_action: function() {
			var do_variation_action = $( 'select.variation_actions' ).val(),
				data       = {},
				changes    = 0,
				value;

switch ( do_variation_action ) {
				case 'add_variation' :
					kkart_meta_boxes_product_variations_ajax.add_variation();
					return;
				case 'link_all_variations' :
					kkart_meta_boxes_product_variations_ajax.link_all_variations();
					return;
				case 'delete_all' :
					if ( window.confirm( kkart_admin_meta_boxes_variations.i18n_delete_all_variations ) ) {
						if ( window.confirm( kkart_admin_meta_boxes_variations.i18n_last_warning ) ) {
							data.allowed = true;
							changes      = parseInt( $( '#variable_product_options' ).find( '.kkart_variations' )
								.attr( 'data-total' ), 10 ) * -1;
						}
					}
					break;
				case 'variable_regular_price_increase' :
				case 'variable_regular_price_decrease' :
				case 'variable_sale_price_increase' :
				case 'variable_sale_price_decrease' :
					value = window.prompt( kkart_admin_meta_boxes_variations.i18n_enter_a_value_fixed_or_percent );

if ( value != null ) {
						if ( value.indexOf( '%' ) >= 0 ) {
							data.value = accounting.unformat( value.replace( /\%/, '' ), kkart_admin.mon_decimal_point ) + '%';
						} else {
							data.value = accounting.unformat( value, kkart_admin.mon_decimal_point );
						}
					} else {
						return;
					}
					break;
				case 'variable_regular_price' :
				case 'variable_sale_price' :
				case 'variable_stock' :
				case 'variable_weight' :
				case 'variable_length' :
				case 'variable_width' :
				case 'variable_height' :
				case 'variable_download_limit' :
				case 'variable_download_expiry' :
					value = window.prompt( kkart_admin_meta_boxes_variations.i18n_enter_a_value );

if ( value != null ) {
						data.value = value;
					} else {
						return;
					}
					break;
				case 'variable_sale_schedule' :
					data.date_from = window.prompt( kkart_admin_meta_boxes_variations.i18n_scheduled_sale_start );
					data.date_to   = window.prompt( kkart_admin_meta_boxes_variations.i18n_scheduled_sale_end );

if ( null === data.date_from ) {
						data.date_from = false;
					}

if ( null === data.date_to ) {
						data.date_to = false;
					}

if ( false === data.date_to && false === data.date_from ) {
						return;
					}
					break;
				default :
					$( 'select.variation_actions' ).trigger( do_variation_action );
					data = $( 'select.variation_actions' ).triggerHandler( do_variation_action + '_ajax_data', data );
					break;
			}

if ( 'delete_all' === do_variation_action && data.allowed ) {
				$( '#variable_product_options' ).find( '.variation-needs-update' ).removeClass( 'variation-needs-update' );
			} else {
				kkart_meta_boxes_product_variations_ajax.check_for_changes();
			}

kkart_meta_boxes_product_variations_ajax.block();

$.ajax({
				url: kkart_admin_meta_boxes_variations.ajax_url,
				data: {
					action:       'kkart_bulk_edit_variations',
					security:     kkart_admin_meta_boxes_variations.bulk_edit_variations_nonce,
					product_id:   kkart_admin_meta_boxes_variations.post_id,
					product_type: $( '#product-type' ).val(),
					bulk_action:  do_variation_action,
					data:         data
				},
				type: 'POST',
				success: function() {
					kkart_meta_boxes_product_variations_pagenav.go_to_page( 1, changes );
				}
			});
		}
	};

/**
	 * Product variations pagenav
	 */
	var kkart_meta_boxes_product_variations_pagenav = {

/**
		 * Initialize products variations meta box
		 */
		init: function() {
			$( document.body )
				.on( 'kkart_variations_added', this.update_single_quantity )
				.on( 'change', '.variations-pagenav .page-selector', this.page_selector )
				.on( 'click', '.variations-pagenav .first-page', this.first_page )
				.on( 'click', '.variations-pagenav .prev-page', this.prev_page )
				.on( 'click', '.variations-pagenav .next-page', this.next_page )
				.on( 'click', '.variations-pagenav .last-page', this.last_page );
		},

/**
		 * Set variations count
		 *
		 * @param {Int} qty
		 *
		 * @return {Int}
		 */
		update_variations_count: function( qty ) {
			var wrapper        = $( '#variable_product_options' ).find( '.kkart_variations' ),
				total          = parseInt( wrapper.attr( 'data-total' ), 10 ) + qty,
				displaying_num = $( '.variations-pagenav .displaying-num' );

// Set the new total of variations
			wrapper.attr( 'data-total', total );

if ( 1 === total ) {
				displaying_num.text( kkart_admin_meta_boxes_variations.i18n_variation_count_single.replace( '%qty%', total ) );
			} else {
				displaying_num.text( kkart_admin_meta_boxes_variations.i18n_variation_count_plural.replace( '%qty%', total ) );
			}

return total;
		},

/**
		 * Update variations quantity when add a new variation
		 *
		 * @param {Object} event
		 * @param {Int} qty
		 */
		update_single_quantity: function( event, qty ) {
			if ( 1 === qty ) {
				var page_nav = $( '.variations-pagenav' );

kkart_meta_boxes_product_variations_pagenav.update_variations_count( qty );

if ( page_nav.is( ':hidden' ) ) {
					$( 'option, optgroup', '.variation_actions' ).show();
					$( '.variation_actions' ).val( 'add_variation' );
					$( '#variable_product_options' ).find( '.toolbar' ).show();
					page_nav.show();
					$( '.pagination-links', page_nav ).hide();
				}
			}
		},

/**
		 * Set the pagenav fields
		 *
		 * @param {Int} qty
		 */
		set_paginav: function( qty ) {
			var wrapper          = $( '#variable_product_options' ).find( '.kkart_variations' ),
				new_qty          = kkart_meta_boxes_product_variations_pagenav.update_variations_count( qty ),
				toolbar          = $( '#variable_product_options' ).find( '.toolbar' ),
				variation_action = $( '.variation_actions' ),
				page_nav         = $( '.variations-pagenav' ),
				displaying_links = $( '.pagination-links', page_nav ),
				total_pages      = Math.ceil( new_qty / kkart_admin_meta_boxes_variations.variations_per_page ),
				options          = '';

// Set the new total of pages
			wrapper.attr( 'data-total_pages', total_pages );

$( '.total-pages', page_nav ).text( total_pages );

// Set the new pagenav options
			for ( var i = 1; i <= total_pages; i++ ) {
				options += '<option value="' + i + '">' + i + '</option>';
			}

$( '.page-selector', page_nav ).empty().html( options );

// Show/hide pagenav
			if ( 0 === new_qty ) {
				toolbar.not( '.toolbar-top, .toolbar-buttons' ).hide();
				page_nav.hide();
				$( 'option, optgroup', variation_action ).hide();
				$( '.variation_actions' ).val( 'add_variation' );
				$( 'option[data-global="true"]', variation_action ).show();

} else {
				toolbar.show();
				page_nav.show();
				$( 'option, optgroup', variation_action ).show();
				$( '.variation_actions' ).val( 'add_variation' );

// Show/hide links
				if ( 1 === total_pages ) {
					displaying_links.hide();
				} else {
					displaying_links.show();
				}
			}
		},

/**
		 * Check button if enabled and if don't have changes
		 *
		 * @return {Bool}
		 */
		check_is_enabled: function( current ) {
			return ! $( current ).hasClass( 'disabled' );
		},

/**
		 * Change "disabled" class on pagenav
		 */
		change_classes: function( selected, total ) {
			var first_page = $( '.variations-pagenav .first-page' ),
				prev_page  = $( '.variations-pagenav .prev-page' ),
				next_page  = $( '.variations-pagenav .next-page' ),
				last_page  = $( '.variations-pagenav .last-page' );

if ( 1 === selected ) {
				first_page.addClass( 'disabled' );
				prev_page.addClass( 'disabled' );
			} else {
				first_page.removeClass( 'disabled' );
				prev_page.removeClass( 'disabled' );
			}

if ( total === selected ) {
				next_page.addClass( 'disabled' );
				last_page.addClass( 'disabled' );
			} else {
				next_page.removeClass( 'disabled' );
				last_page.removeClass( 'disabled' );
			}
		},

/**
		 * Set page
		 */
		set_page: function( page ) {
			$( '.variations-pagenav .page-selector' ).val( page ).first().change();
		},

/**
		 * Navigate on variations pages
		 *
		 * @param {Int} page
		 * @param {Int} qty
		 */
		go_to_page: function( page, qty ) {
			page = page || 1;
			qty  = qty || 0;

kkart_meta_boxes_product_variations_pagenav.set_paginav( qty );
			kkart_meta_boxes_product_variations_pagenav.set_page( page );
		},

/**
		 * Paginav pagination selector
		 */
		page_selector: function() {
			var selected = parseInt( $( this ).val(), 10 ),
				wrapper  = $( '#variable_product_options' ).find( '.kkart_variations' );

$( '.variations-pagenav .page-selector' ).val( selected );

kkart_meta_boxes_product_variations_ajax.check_for_changes();
			kkart_meta_boxes_product_variations_pagenav.change_classes( selected, parseInt( wrapper.attr( 'data-total_pages' ), 10 ) );
			kkart_meta_boxes_product_variations_ajax.load_variations( selected );
		},

/**
		 * Go to first page
		 *
		 * @return {Bool}
		 */
		first_page: function() {
			if ( kkart_meta_boxes_product_variations_pagenav.check_is_enabled( this ) ) {
				kkart_meta_boxes_product_variations_pagenav.set_page( 1 );
			}

return false;
		},

/**
		 * Go to previous page
		 *
		 * @return {Bool}
		 */
		prev_page: function() {
			if ( kkart_meta_boxes_product_variations_pagenav.check_is_enabled( this ) ) {
				var wrapper   = $( '#variable_product_options' ).find( '.kkart_variations' ),
					prev_page = parseInt( wrapper.attr( 'data-page' ), 10 ) - 1,
					new_page  = ( 0 < prev_page ) ? prev_page : 1;

kkart_meta_boxes_product_variations_pagenav.set_page( new_page );
			}

return false;
		},

/**
		 * Go to next page
		 *
		 * @return {Bool}
		 */
		next_page: function() {
			if ( kkart_meta_boxes_product_variations_pagenav.check_is_enabled( this ) ) {
				var wrapper     = $( '#variable_product_options' ).find( '.kkart_variations' ),
					total_pages = parseInt( wrapper.attr( 'data-total_pages' ), 10 ),
					next_page   = parseInt( wrapper.attr( 'data-page' ), 10 ) + 1,
					new_page    = ( total_pages >= next_page ) ? next_page : total_pages;

kkart_meta_boxes_product_variations_pagenav.set_page( new_page );
			}

return false;
		},

/**
		 * Go to last page
		 *
		 * @return {Bool}
		 */
		last_page: function() {
			if ( kkart_meta_boxes_product_variations_pagenav.check_is_enabled( this ) ) {
				var last_page = $( '#variable_product_options' ).find( '.kkart_variations' ).attr( 'data-total_pages' );

kkart_meta_boxes_product_variations_pagenav.set_page( last_page );
			}

return false;
		}
	};

kkart_meta_boxes_product_variations_actions.init();
	kkart_meta_boxes_product_variations_media.init();
	kkart_meta_boxes_product_variations_ajax.init();
	kkart_meta_boxes_product_variations_pagenav.init();

});

🔐 Sid Gifari File Manager Pro