diff --git a/plugins/woocommerce/client/legacy/js/frontend/cart.js b/plugins/woocommerce/client/legacy/js/frontend/cart.js
index c3bd04c5319..6169706854e 100644
--- a/plugins/woocommerce/client/legacy/js/frontend/cart.js
+++ b/plugins/woocommerce/client/legacy/js/frontend/cart.js
@@ -1,5 +1,6 @@
/* global wc_cart_params */
-jQuery( function ( $ ) {
+jQuery( function( $ ) {
+
// wc_cart_params is required to continue, ensure the object exists
if ( typeof wc_cart_params === 'undefined' ) {
return false;
@@ -13,10 +14,11 @@ jQuery( function ( $ ) {
* @param {String} endpoint The AJAX Endpoint
* @return {String} The URL to use for the request
*/
- var get_url = function ( endpoint ) {
- return wc_cart_params.wc_ajax_url
- .toString()
- .replace( '%%endpoint%%', endpoint );
+ var get_url = function( endpoint ) {
+ return wc_cart_params.wc_ajax_url.toString().replace(
+ '%%endpoint%%',
+ endpoint
+ );
};
/**
@@ -25,10 +27,8 @@ jQuery( function ( $ ) {
* @param {JQuery Object} $node
* @return {bool} True if the DOM Element is UI Blocked, false if not.
*/
- var is_blocked = function ( $node ) {
- return (
- $node.is( '.processing' ) || $node.parents( '.processing' ).length
- );
+ var is_blocked = function( $node ) {
+ return $node.is( '.processing' ) || $node.parents( '.processing' ).length;
};
/**
@@ -36,14 +36,14 @@ jQuery( function ( $ ) {
*
* @param {JQuery Object} $node
*/
- var block = function ( $node ) {
+ var block = function( $node ) {
if ( ! is_blocked( $node ) ) {
$node.addClass( 'processing' ).block( {
message: null,
overlayCSS: {
background: '#fff',
- opacity: 0.6,
- },
+ opacity: 0.6
+ }
} );
}
};
@@ -53,7 +53,7 @@ jQuery( function ( $ ) {
*
* @param {JQuery Object} $node
*/
- var unblock = function ( $node ) {
+ var unblock = function( $node ) {
$node.removeClass( 'processing' ).unblock();
};
@@ -62,11 +62,11 @@ jQuery( function ( $ ) {
*
* @param {JQuery Object} $notices
*/
- var remove_duplicate_notices = function ( $notices ) {
- var seen = new Set();
+ var remove_duplicate_notices = function( $notices ) {
+ var seen = new Set();
var deduplicated_notices = [];
- $notices.each( function () {
+ $notices.each( function() {
const text = $( this ).text();
if ( ! seen.has( text ) ) {
@@ -84,16 +84,11 @@ jQuery( function ( $ ) {
* @param {String} html_str The HTML string with which to replace the div.
* @param {bool} preserve_notices Should notices be kept? False by default.
*/
- var update_wc_div = function ( html_str, preserve_notices ) {
- var $html = $.parseHTML( html_str );
- var $new_form = $( '.woocommerce-cart-form', $html );
+ var update_wc_div = function( html_str, preserve_notices ) {
+ var $html = $.parseHTML( html_str );
+ var $new_form = $( '.woocommerce-cart-form', $html );
var $new_totals = $( '.cart_totals', $html );
- var $notices = remove_duplicate_notices(
- $(
- '.woocommerce-error, .woocommerce-message, .woocommerce-info, .is-error, .is-notice, .is-success',
- $html
- )
- );
+ var $notices = remove_duplicate_notices( $( '.woocommerce-error, .woocommerce-message, .woocommerce-info, .is-error, .is-notice, .is-success', $html ) );
// No form, cannot do this.
if ( $( '.woocommerce-cart-form' ).length === 0 ) {
@@ -103,9 +98,7 @@ jQuery( function ( $ ) {
// Remove errors
if ( ! preserve_notices ) {
- $(
- '.woocommerce-error, .woocommerce-message, .woocommerce-info'
- ).remove();
+ $( '.woocommerce-error, .woocommerce-message, .woocommerce-info' ).remove();
}
if ( $new_form.length === 0 ) {
@@ -116,12 +109,8 @@ jQuery( function ( $ ) {
}
// No items to display now! Replace all cart content.
- var $cart_html = $( '.wc-empty-cart-message', $html ).closest(
- '.woocommerce'
- );
- $( '.woocommerce-cart-form__contents' )
- .closest( '.woocommerce' )
- .replaceWith( $cart_html );
+ var $cart_html = $( '.wc-empty-cart-message', $html ).closest( '.woocommerce' );
+ $( '.woocommerce-cart-form__contents' ).closest( '.woocommerce' ).replaceWith( $cart_html );
// Display errors
if ( $notices.length > 0 ) {
@@ -137,9 +126,7 @@ jQuery( function ( $ ) {
}
$( '.woocommerce-cart-form' ).replaceWith( $new_form );
- $( '.woocommerce-cart-form' )
- .find( ':input[name="update_cart"]' )
- .prop( 'disabled', true );
+ $( '.woocommerce-cart-form' ).find( ':input[name="update_cart"]' ).prop( 'disabled', true );
if ( $notices.length > 0 ) {
show_notice( $notices );
@@ -156,7 +143,7 @@ jQuery( function ( $ ) {
*
* @param {String} html_str The HTML string with which to replace the div.
*/
- var update_cart_totals_div = function ( html_str ) {
+ var update_cart_totals_div = function( html_str ) {
$( '.cart_totals' ).replaceWith( html_str );
$( document.body ).trigger( 'updated_cart_totals' );
};
@@ -166,30 +153,29 @@ jQuery( function ( $ ) {
*
* @param {Object} The Notice HTML Element in string or object form.
*/
- var show_notice = function ( html_element, $target ) {
+ var show_notice = function( html_element, $target ) {
if ( ! $target ) {
- $target =
- $( '.woocommerce-notices-wrapper:first' ) ||
+ $target = $( '.woocommerce-notices-wrapper:first' ) ||
$( '.wc-empty-cart-message' ).closest( '.woocommerce' ) ||
$( '.woocommerce-cart-form' );
}
$target.prepend( html_element );
};
+
/**
* Object to handle AJAX calls for cart shipping changes.
*/
var cart_shipping = {
+
/**
* Initialize event handlers and UI state.
*/
- init: function ( cart ) {
- this.cart = cart;
- this.toggle_shipping = this.toggle_shipping.bind( this );
- this.shipping_method_selected =
- this.shipping_method_selected.bind( this );
- this.shipping_calculator_submit =
- this.shipping_calculator_submit.bind( this );
+ init: function( cart ) {
+ this.cart = cart;
+ this.toggle_shipping = this.toggle_shipping.bind( this );
+ this.shipping_method_selected = this.shipping_method_selected.bind( this );
+ this.shipping_calculator_submit = this.shipping_calculator_submit.bind( this );
$( document ).on(
'click',
@@ -213,11 +199,9 @@ jQuery( function ( $ ) {
/**
* Toggle Shipping Calculator panel
*/
- toggle_shipping: function () {
+ toggle_shipping: function() {
$( '.shipping-calculator-form' ).slideToggle( 'slow' );
- $( 'select.country_to_state, input.country_to_state' ).trigger(
- 'change'
- );
+ $( 'select.country_to_state, input.country_to_state' ).trigger( 'change' );
$( document.body ).trigger( 'country_to_state_changed' ); // Trigger select2 to load.
return false;
},
@@ -225,13 +209,11 @@ jQuery( function ( $ ) {
/**
* Handles when a shipping method is selected.
*/
- shipping_method_selected: function () {
+ shipping_method_selected: function() {
var shipping_methods = {};
// eslint-disable-next-line max-len
- $(
- 'select.shipping_method, :input[name^=shipping_method][type=radio]:checked, :input[name^=shipping_method][type=hidden]'
- ).each( function () {
+ $( 'select.shipping_method, :input[name^=shipping_method][type=radio]:checked, :input[name^=shipping_method][type=hidden]' ).each( function() {
shipping_methods[ $( this ).data( 'index' ) ] = $( this ).val();
} );
@@ -239,21 +221,21 @@ jQuery( function ( $ ) {
var data = {
security: wc_cart_params.update_shipping_method_nonce,
- shipping_method: shipping_methods,
+ shipping_method: shipping_methods
};
$.ajax( {
- type: 'post',
- url: get_url( 'update_shipping_method' ),
- data: data,
+ type: 'post',
+ url: get_url( 'update_shipping_method' ),
+ data: data,
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_cart_totals_div( response );
},
- complete: function () {
+ complete: function() {
unblock( $( 'div.cart_totals' ) );
$( document.body ).trigger( 'updated_shipping_method' );
- },
+ }
} );
},
@@ -262,7 +244,7 @@ jQuery( function ( $ ) {
*
* @param {Object} evt The JQuery event.
*/
- shipping_calculator_submit: function ( evt ) {
+ shipping_calculator_submit: function( evt ) {
evt.preventDefault();
var $form = $( evt.currentTarget );
@@ -271,27 +253,26 @@ jQuery( function ( $ ) {
block( $form );
// Provide the submit button value because wc-form-handler expects it.
- $( '' )
- .attr( 'type', 'hidden' )
- .attr( 'name', 'calc_shipping' )
- .attr( 'value', 'x' )
- .appendTo( $form );
+ $( '' ).attr( 'type', 'hidden' )
+ .attr( 'name', 'calc_shipping' )
+ .attr( 'value', 'x' )
+ .appendTo( $form );
// Make call to actual form post URL.
$.ajax( {
- type: $form.attr( 'method' ),
- url: $form.attr( 'action' ),
- data: $form.serialize(),
+ type: $form.attr( 'method' ),
+ url: $form.attr( 'action' ),
+ data: $form.serialize(),
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_wc_div( response );
},
- complete: function () {
+ complete: function() {
unblock( $form );
unblock( $( 'div.cart_totals' ) );
- },
+ }
} );
- },
+ }
};
/**
@@ -301,78 +282,64 @@ jQuery( function ( $ ) {
/**
* Initialize cart UI events.
*/
- init: function () {
- this.update_cart_totals = this.update_cart_totals.bind( this );
- this.input_keypress = this.input_keypress.bind( this );
- this.cart_submit = this.cart_submit.bind( this );
- this.submit_click = this.submit_click.bind( this );
- this.apply_coupon = this.apply_coupon.bind( this );
- this.remove_coupon_clicked =
- this.remove_coupon_clicked.bind( this );
- this.quantity_update = this.quantity_update.bind( this );
- this.item_remove_clicked = this.item_remove_clicked.bind( this );
- this.item_restore_clicked = this.item_restore_clicked.bind( this );
- this.update_cart = this.update_cart.bind( this );
+ init: function() {
+ this.update_cart_totals = this.update_cart_totals.bind( this );
+ this.input_keypress = this.input_keypress.bind( this );
+ this.cart_submit = this.cart_submit.bind( this );
+ this.submit_click = this.submit_click.bind( this );
+ this.apply_coupon = this.apply_coupon.bind( this );
+ this.remove_coupon_clicked = this.remove_coupon_clicked.bind( this );
+ this.quantity_update = this.quantity_update.bind( this );
+ this.item_remove_clicked = this.item_remove_clicked.bind( this );
+ this.item_restore_clicked = this.item_restore_clicked.bind( this );
+ this.update_cart = this.update_cart.bind( this );
- $( document ).on( 'wc_update_cart added_to_cart', function () {
- cart.update_cart.apply( cart, [].slice.call( arguments, 1 ) );
- } );
+ $( document ).on(
+ 'wc_update_cart added_to_cart',
+ function() { cart.update_cart.apply( cart, [].slice.call( arguments, 1 ) ); } );
$( document ).on(
'click',
'.woocommerce-cart-form :input[type=submit]',
- this.submit_click
- );
+ this.submit_click );
$( document ).on(
'keypress',
'.woocommerce-cart-form :input[type=number]',
- this.input_keypress
- );
+ this.input_keypress );
$( document ).on(
'submit',
'.woocommerce-cart-form',
- this.cart_submit
- );
+ this.cart_submit );
$( document ).on(
'click',
'a.woocommerce-remove-coupon',
- this.remove_coupon_clicked
- );
+ this.remove_coupon_clicked );
$( document ).on(
'click',
'.woocommerce-cart-form .product-remove > a',
- this.item_remove_clicked
- );
+ this.item_remove_clicked );
$( document ).on(
'click',
'.woocommerce-cart .restore-item',
- this.item_restore_clicked
- );
+ this.item_restore_clicked );
$( document ).on(
'change input',
'.woocommerce-cart-form .cart_item :input',
- this.input_changed
- );
+ this.input_changed );
- $( '.woocommerce-cart-form :input[name="update_cart"]' ).prop(
- 'disabled',
- true
- );
+ $( '.woocommerce-cart-form :input[name="update_cart"]' ).prop( 'disabled', true );
},
/**
* After an input is changed, enable the update cart button.
*/
- input_changed: function () {
- $( '.woocommerce-cart-form :input[name="update_cart"]' ).prop(
- 'disabled',
- false
- );
+ input_changed: function() {
+ $( '.woocommerce-cart-form :input[name="update_cart"]' ).prop( 'disabled', false );
},
/**
* Update entire cart via ajax.
*/
- update_cart: function ( preserve_notices ) {
+ update_cart: function( preserve_notices ) {
var $form = $( '.woocommerce-cart-form' );
block( $form );
@@ -380,36 +347,36 @@ jQuery( function ( $ ) {
// Make call to actual form post URL.
$.ajax( {
- type: $form.attr( 'method' ),
- url: $form.attr( 'action' ),
- data: $form.serialize(),
+ type: $form.attr( 'method' ),
+ url: $form.attr( 'action' ),
+ data: $form.serialize(),
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_wc_div( response, preserve_notices );
},
- complete: function () {
+ complete: function() {
unblock( $form );
unblock( $( 'div.cart_totals' ) );
$.scroll_to_notices( $( '[role="alert"]' ) );
- },
+ }
} );
},
/**
* Update the cart after something has changed.
*/
- update_cart_totals: function () {
+ update_cart_totals: function() {
block( $( 'div.cart_totals' ) );
$.ajax( {
- url: get_url( 'get_cart_totals' ),
+ url: get_url( 'get_cart_totals' ),
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_cart_totals_div( response );
},
- complete: function () {
+ complete: function() {
unblock( $( 'div.cart_totals' ) );
- },
+ }
} );
},
@@ -423,18 +390,19 @@ jQuery( function ( $ ) {
* For us, that is the Apply Coupon button. This is required
* to catch the event before that happens.
*/
- input_keypress: function ( evt ) {
+ input_keypress: function( evt ) {
+
// Catch the enter key and don't let it submit the form.
if ( 13 === evt.keyCode ) {
var $form = $( evt.currentTarget ).parents( 'form' );
try {
// If there are no validation errors, handle the submit.
- if ( $form[ 0 ].checkValidity() ) {
+ if ( $form[0].checkValidity() ) {
evt.preventDefault();
this.cart_submit( evt );
}
- } catch ( err ) {
+ } catch( err ) {
evt.preventDefault();
this.cart_submit( evt );
}
@@ -446,10 +414,10 @@ jQuery( function ( $ ) {
*
* @param {Object} evt The JQuery event
*/
- cart_submit: function ( evt ) {
- var $submit = $( document.activeElement ),
+ cart_submit: function( evt ) {
+ var $submit = $( document.activeElement ),
$clicked = $( ':input[type=submit][clicked=true]' ),
- $form = $( evt.currentTarget );
+ $form = $( evt.currentTarget );
// For submit events, currentTarget is form.
// For keypress events, currentTarget is input.
@@ -457,9 +425,7 @@ jQuery( function ( $ ) {
$form = $( evt.currentTarget ).parents( 'form' );
}
- if (
- 0 === $form.find( '.woocommerce-cart-form__contents' ).length
- ) {
+ if ( 0 === $form.find( '.woocommerce-cart-form__contents' ).length ) {
return;
}
@@ -467,16 +433,11 @@ jQuery( function ( $ ) {
return false;
}
- if (
- $clicked.is( ':input[name="update_cart"]' ) ||
- $submit.is( 'input.qty' )
- ) {
+ if ( $clicked.is( ':input[name="update_cart"]' ) || $submit.is( 'input.qty' ) ) {
evt.preventDefault();
this.quantity_update( $form );
- } else if (
- $clicked.is( ':input[name="apply_coupon"]' ) ||
- $submit.is( '#coupon_code' )
- ) {
+
+ } else if ( $clicked.is( ':input[name="apply_coupon"]' ) || $submit.is( '#coupon_code' ) ) {
evt.preventDefault();
this.apply_coupon( $form );
}
@@ -487,11 +448,8 @@ jQuery( function ( $ ) {
*
* @param {Object} evt The JQuery event
*/
- submit_click: function ( evt ) {
- $(
- ':input[type=submit]',
- $( evt.target ).parents( 'form' )
- ).removeAttr( 'clicked' );
+ submit_click: function( evt ) {
+ $( ':input[type=submit]', $( evt.target ).parents( 'form' ) ).removeAttr( 'clicked' );
$( evt.target ).attr( 'clicked', 'true' );
},
@@ -500,7 +458,7 @@ jQuery( function ( $ ) {
*
* @param {JQuery Object} $form The cart form.
*/
- apply_coupon: function ( $form ) {
+ apply_coupon: function( $form ) {
block( $form );
var cart = this;
@@ -509,28 +467,24 @@ jQuery( function ( $ ) {
var data = {
security: wc_cart_params.apply_coupon_nonce,
- coupon_code: coupon_code,
+ coupon_code: coupon_code
};
$.ajax( {
- type: 'POST',
- url: get_url( 'apply_coupon' ),
- data: data,
+ type: 'POST',
+ url: get_url( 'apply_coupon' ),
+ data: data,
dataType: 'html',
- success: function ( response ) {
- $(
- '.woocommerce-error, .woocommerce-message, .woocommerce-info'
- ).remove();
+ success: function( response ) {
+ $( '.woocommerce-error, .woocommerce-message, .woocommerce-info' ).remove();
show_notice( response );
- $( document.body ).trigger( 'applied_coupon', [
- coupon_code,
- ] );
+ $( document.body ).trigger( 'applied_coupon', [ coupon_code ] );
},
- complete: function () {
+ complete: function() {
unblock( $form );
$text_field.val( '' );
cart.update_cart( true );
- },
+ }
} );
},
@@ -539,36 +493,34 @@ jQuery( function ( $ ) {
*
* @param {Object} evt The JQuery event
*/
- remove_coupon_clicked: function ( evt ) {
+ remove_coupon_clicked: function( evt ) {
evt.preventDefault();
- var cart = this;
+ var cart = this;
var $wrapper = $( evt.currentTarget ).closest( '.cart_totals' );
- var coupon = $( evt.currentTarget ).attr( 'data-coupon' );
+ var coupon = $( evt.currentTarget ).attr( 'data-coupon' );
block( $wrapper );
var data = {
security: wc_cart_params.remove_coupon_nonce,
- coupon: coupon,
+ coupon: coupon
};
$.ajax( {
- type: 'POST',
- url: get_url( 'remove_coupon' ),
- data: data,
+ type: 'POST',
+ url: get_url( 'remove_coupon' ),
+ data: data,
dataType: 'html',
- success: function ( response ) {
- $(
- '.woocommerce-error, .woocommerce-message, .woocommerce-info'
- ).remove();
+ success: function( response ) {
+ $( '.woocommerce-error, .woocommerce-message, .woocommerce-info' ).remove();
show_notice( response );
$( document.body ).trigger( 'removed_coupon', [ coupon ] );
unblock( $wrapper );
},
- complete: function () {
+ complete: function() {
cart.update_cart( true );
- },
+ }
} );
},
@@ -577,31 +529,30 @@ jQuery( function ( $ ) {
*
* @param {JQuery Object} $form The cart form.
*/
- quantity_update: function ( $form ) {
+ quantity_update: function( $form ) {
block( $form );
block( $( 'div.cart_totals' ) );
// Provide the submit button value because wc-form-handler expects it.
- $( '' )
- .attr( 'type', 'hidden' )
- .attr( 'name', 'update_cart' )
- .attr( 'value', 'Update Cart' )
- .appendTo( $form );
+ $( '' ).attr( 'type', 'hidden' )
+ .attr( 'name', 'update_cart' )
+ .attr( 'value', 'Update Cart' )
+ .appendTo( $form );
// Make call to actual form post URL.
$.ajax( {
- type: $form.attr( 'method' ),
- url: $form.attr( 'action' ),
- data: $form.serialize(),
+ type: $form.attr( 'method' ),
+ url: $form.attr( 'action' ),
+ data: $form.serialize(),
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_wc_div( response );
},
- complete: function () {
+ complete: function() {
unblock( $form );
unblock( $( 'div.cart_totals' ) );
$.scroll_to_notices( $( '[role="alert"]' ) );
- },
+ }
} );
},
@@ -610,7 +561,7 @@ jQuery( function ( $ ) {
*
* @param {Object} evt The JQuery event
*/
- item_remove_clicked: function ( evt ) {
+ item_remove_clicked: function( evt ) {
evt.preventDefault();
var $a = $( evt.currentTarget );
@@ -620,17 +571,17 @@ jQuery( function ( $ ) {
block( $( 'div.cart_totals' ) );
$.ajax( {
- type: 'GET',
- url: $a.attr( 'href' ),
+ type: 'GET',
+ url: $a.attr( 'href' ),
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_wc_div( response );
},
- complete: function () {
+ complete: function() {
unblock( $form );
unblock( $( 'div.cart_totals' ) );
$.scroll_to_notices( $( '[role="alert"]' ) );
- },
+ }
} );
},
@@ -639,7 +590,7 @@ jQuery( function ( $ ) {
*
* @param {Object} evt The JQuery event
*/
- item_restore_clicked: function ( evt ) {
+ item_restore_clicked: function( evt ) {
evt.preventDefault();
var $a = $( evt.currentTarget );
@@ -649,18 +600,18 @@ jQuery( function ( $ ) {
block( $( 'div.cart_totals' ) );
$.ajax( {
- type: 'GET',
- url: $a.attr( 'href' ),
+ type: 'GET',
+ url: $a.attr( 'href' ),
dataType: 'html',
- success: function ( response ) {
+ success: function( response ) {
update_wc_div( response );
},
- complete: function () {
+ complete: function() {
unblock( $form );
unblock( $( 'div.cart_totals' ) );
- },
+ }
} );
- },
+ }
};
cart_shipping.init( cart );