관리-도구

편집 파일: kkart_admin.js

/* global kkart_admin */
( function( $, kkart_admin ) {
	$( function() {
		if ( 'undefined' === typeof kkart_admin ) {
			return;
		}

// Add buttons to product screen.
		var $product_screen = $( '.edit-php.post-type-product' ),
			$title_action   = $product_screen.find( '.page-title-action:first' ),
			$blankslate     = $product_screen.find( '.kkart-BlankState' );

if ( 0 === $blankslate.length ) {
			if ( kkart_admin.urls.export_products ) {
				$title_action.after(
					'<a href="' +
					kkart_admin.urls.export_products +
					'" class="page-title-action">' +
					kkart_admin.strings.export_products +
					'</a>'
				);
			}
			if ( kkart_admin.urls.import_products ) {
				$title_action.after(
					'<a href="' +
					kkart_admin.urls.import_products +
					'" class="page-title-action">' +
					kkart_admin.strings.import_products +
					'</a>'
				);
			}
		} else {
			$title_action.hide();
		}

// Progress indicators when showing steps.
		$( '.kkart-progress-form-wrapper .button-next' ).on( 'click', function() {
			$('.kkart-progress-form-content').block({
				message: null,
				overlayCSS: {
					background: '#fff',
					opacity: 0.6
				}
			});
			return true;
		} );

// Field validation error tips
		$( document.body )

.on( 'kkart_add_error_tip', function( e, element, error_type ) {
				var offset = element.position();

if ( element.parent().find( '.kkart_error_tip' ).length === 0 ) {
					element.after( '<div class="kkart_error_tip ' + error_type + '">' + kkart_admin[error_type] + '</div>' );
					element.parent().find( '.kkart_error_tip' )
						.css( 'left', offset.left + element.width() - ( element.width() / 2 ) - ( $( '.kkart_error_tip' ).width() / 2 ) )
						.css( 'top', offset.top + element.height() )
						.fadeIn( '100' );
				}
			})

.on( 'kkart_remove_error_tip', function( e, element, error_type ) {
				element.parent().find( '.kkart_error_tip.' + error_type ).fadeOut( '100', function() { $( this ).remove(); } );
			})

.on( 'click', function() {
				$( '.kkart_error_tip' ).fadeOut( '100', function() { $( this ).remove(); } );
			})

.on( 'blur', '.kkart_input_decimal[type=text], .kkart_input_price[type=text], .kkart_input_country_iso[type=text]', function() {
				$( '.kkart_error_tip' ).fadeOut( '100', function() { $( this ).remove(); } );
			})

.on(
				'change',
				'.kkart_input_price[type=text], .kkart_input_decimal[type=text], .kkart-order-totals #refund_amount[type=text]',
				function() {
					var regex, decimalRegex,
						decimailPoint = kkart_admin.decimal_point;

if ( $( this ).is( '.kkart_input_price' ) || $( this ).is( '#refund_amount' ) ) {
						decimailPoint = kkart_admin.mon_decimal_point;
					}

regex        = new RegExp( '[^\-0-9\%\\' + decimailPoint + ']+', 'gi' );
					decimalRegex = new RegExp( '\\' + decimailPoint + '+', 'gi' );

var value    = $( this ).val();
					var newvalue = value.replace( regex, '' ).replace( decimalRegex, decimailPoint );

if ( value !== newvalue ) {
						$( this ).val( newvalue );
					}
				}
			)

.on(
				'keyup',
				// eslint-disable-next-line max-len
				'.kkart_input_price[type=text], .kkart_input_decimal[type=text], .kkart_input_country_iso[type=text], .kkart-order-totals #refund_amount[type=text]',
				function() {
					var regex, error, decimalRegex;
					var checkDecimalNumbers = false;

if ( $( this ).is( '.kkart_input_price' ) || $( this ).is( '#refund_amount' ) ) {
						checkDecimalNumbers = true;
						regex = new RegExp( '[^\-0-9\%\\' + kkart_admin.mon_decimal_point + ']+', 'gi' );
						decimalRegex = new RegExp( '[^\\' + kkart_admin.mon_decimal_point + ']', 'gi' );
						error = 'i18n_mon_decimal_error';
					} else if ( $( this ).is( '.kkart_input_country_iso' ) ) {
						regex = new RegExp( '([^A-Z])+|(.){3,}', 'im' );
						error = 'i18n_country_iso_error';
					} else {
						checkDecimalNumbers = true;
						regex = new RegExp( '[^\-0-9\%\\' + kkart_admin.decimal_point + ']+', 'gi' );
						decimalRegex = new RegExp( '[^\\' + kkart_admin.decimal_point + ']', 'gi' );
						error = 'i18n_decimal_error';
					}

var value    = $( this ).val();
					var newvalue = value.replace( regex, '' );

// Check if newvalue have more than one decimal point.
					if ( checkDecimalNumbers && 1 < newvalue.replace( decimalRegex, '' ).length ) {
						newvalue = newvalue.replace( decimalRegex, '' );
					}

if ( value !== newvalue ) {
						$( document.body ).triggerHandler( 'kkart_add_error_tip', [ $( this ), error ] );
					} else {
						$( document.body ).triggerHandler( 'kkart_remove_error_tip', [ $( this ), error ] );
					}
				}
			)

.on( 'change', '#_sale_price.kkart_input_price[type=text], .kkart_input_price[name^=variable_sale_price]', function() {
				var sale_price_field = $( this ), regular_price_field;

if ( sale_price_field.attr( 'name' ).indexOf( 'variable' ) !== -1 ) {
					regular_price_field = sale_price_field
						.parents( '.variable_pricing' )
						.find( '.kkart_input_price[name^=variable_regular_price]' );
				} else {
					regular_price_field = $( '#_regular_price' );
				}

var sale_price    = parseFloat(
					window.accounting.unformat( sale_price_field.val(), kkart_admin.mon_decimal_point )
				);
				var regular_price = parseFloat(
					window.accounting.unformat( regular_price_field.val(), kkart_admin.mon_decimal_point )
				);

if ( sale_price >= regular_price ) {
					$( this ).val( '' );
				}
			})

.on( 'keyup', '#_sale_price.kkart_input_price[type=text], .kkart_input_price[name^=variable_sale_price]', function() {
				var sale_price_field = $( this ), regular_price_field;

if ( sale_price >= regular_price ) {
					$( document.body ).triggerHandler( 'kkart_add_error_tip', [ $(this), 'i18n_sale_less_than_regular_error' ] );
				} else {
					$( document.body ).triggerHandler( 'kkart_remove_error_tip', [ $(this), 'i18n_sale_less_than_regular_error' ] );
				}
			})

.on( 'init_tooltips', function() {

$( '.tips, .help_tip, .kkart-help-tip' ).tipTip( {
					'attribute': 'data-tip',
					'fadeIn': 50,
					'fadeOut': 50,
					'delay': 200,
					'keepAlive': true
				} );

$( '.column-kkart_actions .kkart-action-button' ).tipTip( {
					'fadeIn': 50,
					'fadeOut': 50,
					'delay': 200
				} );

// Add tiptip to parent element for widefat tables
				$( '.parent-tips' ).each( function() {
					$( this ).closest( 'a, th' ).attr( 'data-tip', $( this ).data( 'tip' ) ).tipTip( {
						'attribute': 'data-tip',
						'fadeIn': 50,
						'fadeOut': 50,
						'delay': 200,
						'keepAlive': true
					} ).css( 'cursor', 'help' );
				});
			});

// Tooltips
		$( document.body ).trigger( 'init_tooltips' );

// kkart_input_table tables
		$( '.kkart_input_table.sortable tbody' ).sortable({
			items: 'tr',
			cursor: 'move',
			axis: 'y',
			scrollSensitivity: 40,
			forcePlaceholderSize: true,
			helper: 'clone',
			opacity: 0.65,
			placeholder: 'kkart-metabox-sortable-placeholder',
			start: function( event, ui ) {
				ui.item.css( 'background-color', '#f6f6f6' );
			},
			stop: function( event, ui ) {
				ui.item.removeAttr( 'style' );
			}
		});
		// Focus on inputs within the table if clicked instead of trying to sort.
		$( '.kkart_input_table.sortable tbody input' ).on( 'click', function() {
			$( this ).focus();
		} );

$( '.kkart_input_table .remove_rows' ).click( function() {
			var $tbody = $( this ).closest( '.kkart_input_table' ).find( 'tbody' );
			if ( $tbody.find( 'tr.current' ).length > 0 ) {
				var $current = $tbody.find( 'tr.current' );
				$current.each( function() {
					$( this ).remove();
				});
			}
			return false;
		});

var controlled = false;
		var shifted    = false;
		var hasFocus   = false;

$( document.body ).bind( 'keyup keydown', function( e ) {
			shifted    = e.shiftKey;
			controlled = e.ctrlKey || e.metaKey;
		});

$( '.kkart_input_table' ).on( 'focus click', 'input', function( e ) {
			var $this_table = $( this ).closest( 'table, tbody' );
			var $this_row   = $( this ).closest( 'tr' );

if ( ( e.type === 'focus' && hasFocus !== $this_row.index() ) || ( e.type === 'click' && $( this ).is( ':focus' ) ) ) {
				hasFocus = $this_row.index();

if ( ! shifted && ! controlled ) {
					$( 'tr', $this_table ).removeClass( 'current' ).removeClass( 'last_selected' );
					$this_row.addClass( 'current' ).addClass( 'last_selected' );
				} else if ( shifted ) {
					$( 'tr', $this_table ).removeClass( 'current' );
					$this_row.addClass( 'selected_now' ).addClass( 'current' );

if ( $( 'tr.last_selected', $this_table ).length > 0 ) {
						if ( $this_row.index() > $( 'tr.last_selected', $this_table ).index() ) {
							$( 'tr', $this_table )
								.slice( $( 'tr.last_selected', $this_table ).index(), $this_row.index() )
								.addClass( 'current' );
						} else {
							$( 'tr', $this_table )
								.slice( $this_row.index(), $( 'tr.last_selected', $this_table ).index() + 1 )
								.addClass( 'current' );
						}
					}

$( 'tr', $this_table ).removeClass( 'last_selected' );
					$this_row.addClass( 'last_selected' );
				} else {
					$( 'tr', $this_table ).removeClass( 'last_selected' );
					if ( controlled && $( this ).closest( 'tr' ).is( '.current' ) ) {
						$this_row.removeClass( 'current' );
					} else {
						$this_row.addClass( 'current' ).addClass( 'last_selected' );
					}
				}

$( 'tr', $this_table ).removeClass( 'selected_now' );
			}
		}).on( 'blur', 'input', function() {
			hasFocus = false;
		});

// Additional cost and Attribute term tables
		$( '.kkart_page_wc-settings .shippingrows tbody tr:even, table.attributes-table tbody tr:nth-child(odd)' )
			.addClass( 'alternate' );

// Show order items on orders page
		$( document.body ).on( 'click', '.show_order_items', function() {
			$( this ).closest( 'td' ).find( 'table' ).toggle();
			return false;
		});

// Select availability
		$( 'select.availability' ).change( function() {
			if ( $( this ).val() === 'all' ) {
				$( this ).closest( 'tr' ).next( 'tr' ).hide();
			} else {
				$( this ).closest( 'tr' ).next( 'tr' ).show();
			}
		}).change();

// Hidden options
		$( '.hide_options_if_checked' ).each( function() {
			$( this ).find( 'input:eq(0)' ).change( function() {
				if ( $( this ).is( ':checked' ) ) {
					$( this )
						.closest( 'fieldset, tr' )
						.nextUntil( '.hide_options_if_checked, .show_options_if_checked', '.hidden_option' )
						.hide();
				} else {
					$( this )
						.closest( 'fieldset, tr' )
						.nextUntil( '.hide_options_if_checked, .show_options_if_checked', '.hidden_option' )
						.show();
				}
			}).change();
		});

$( '.show_options_if_checked' ).each( function() {
			$( this ).find( 'input:eq(0)' ).change( function() {
				if ( $( this ).is( ':checked' ) ) {
					$( this )
						.closest( 'fieldset, tr' )
						.nextUntil( '.hide_options_if_checked, .show_options_if_checked', '.hidden_option' )
						.show();
				} else {
					$( this )
						.closest( 'fieldset, tr' )
						.nextUntil( '.hide_options_if_checked, .show_options_if_checked', '.hidden_option' )
						.hide();
				}
			}).change();
		});

// Reviews.
		$( 'input#kkart_enable_reviews' ).change(function() {
			if ( $( this ).is( ':checked' ) ) {
				$( '#kkart_enable_review_rating' ).closest( 'tr' ).show();
			} else {
				$( '#kkart_enable_review_rating' ).closest( 'tr' ).hide();
			}
		}).change();

// Attribute term table
		$( 'table.attributes-table tbody tr:nth-child(odd)' ).addClass( 'alternate' );

// Toggle gateway on/off.
		$( '.kkart_gateways' ).on( 'click', '.kkart-payment-gateway-method-toggle-enabled', function() {
			var $link   = $( this ),
				$row    = $link.closest( 'tr' ),
				$toggle = $link.find( '.kkart-input-toggle' );

var data = {
				action: 'kkart_toggle_gateway_enabled',
				security: kkart_admin.nonces.gateway_toggle,
				gateway_id: $row.data( 'gateway_id' )
			};

$toggle.addClass( 'kkart-input-toggle--loading' );

$.ajax( {
				url:      kkart_admin.ajax_url,
				data:     data,
				dataType : 'json',
				type     : 'POST',
				success:  function( response ) {
					if ( true === response.data ) {
						$toggle.removeClass( 'kkart-input-toggle--enabled, kkart-input-toggle--disabled' );
						$toggle.addClass( 'kkart-input-toggle--enabled' );
						$toggle.removeClass( 'kkart-input-toggle--loading' );
					} else if ( false === response.data ) {
						$toggle.removeClass( 'kkart-input-toggle--enabled, kkart-input-toggle--disabled' );
						$toggle.addClass( 'kkart-input-toggle--disabled' );
						$toggle.removeClass( 'kkart-input-toggle--loading' );
					} else if ( 'needs_setup' === response.data ) {
						window.location.href = $link.attr( 'href' );
					}
				}
			} );

return false;
		});

$( '#wpbody' ).on( 'click', '#doaction, #doaction2', function() {
			var action = $( this ).is( '#doaction' ) ? $( '#bulk-action-selector-top' ).val() : $( '#bulk-action-selector-bottom' ).val();

if ( 'remove_personal_data' === action ) {
				return window.confirm( kkart_admin.i18n_remove_personal_data_notice );
			}
		});
	});

})( jQuery, kkart_admin );