/* global wc_add_to_cart_params */ jQuery( function( $ ) { if ( typeof wc_add_to_cart_params === 'undefined' ) { return false; } /** * AddToCartHandler class. */ var AddToCartHandler = function() { this.requests = []; this.addRequest = this.addRequest.bind( this ); this.run = this.run.bind( this ); $( document.body ) .on( 'click', '.add_to_cart_button', { addToCartHandler: this }, this.onAddToCart ) .on( 'click', '.remove_from_cart_button', { addToCartHandler: this }, this.onRemoveFromCart ) .on( 'added_to_cart', this.updateButton ) .on( 'added_to_cart removed_from_cart', { addToCartHandler: this }, this.updateFragments ); }; /** * Add add to cart event. */ AddToCartHandler.prototype.addRequest = function( request ) { this.requests.push( request ); if ( 1 === this.requests.length ) { this.run(); } } /** * Run add to cart events. */ AddToCartHandler.prototype.run = function( e ) { var requestManager = this, originalCallback = requestManager.requests[0].complete; requestManager.requests[0].complete = function() { if ( typeof originalCallback === 'function' ) { originalCallback(); } requestManager.requests.shift(); if ( requestManager.requests.length > 0 ) { requestManager.run(); } }; $.ajax( this.requests[0] ); } /** * Handle the add to cart event. */ AddToCartHandler.prototype.onAddToCart = function( e ) { var $thisbutton = $( this ); if ( $thisbutton.is( '.ajax_add_to_cart' ) ) { if ( ! $thisbutton.attr( 'data-product_id' ) ) { return true; } e.preventDefault(); $thisbutton.removeClass( 'added' ); $thisbutton.addClass( 'loading' ); var data = {}; $.each( $thisbutton.data(), function( key, value ) { data[ key ] = value; }); // Trigger event. $( document.body ).trigger( 'adding_to_cart', [ $thisbutton, data ] ); e.data.addToCartHandler.addRequest({ type: 'POST', url: wc_add_to_cart_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'add_to_cart' ), data: data, success: function( response ) { if ( ! response ) { return; } if ( response.error && response.product_url ) { window.location = response.product_url; return; } // Redirect to cart option if ( wc_add_to_cart_params.cart_redirect_after_add === 'yes' ) { window.location = wc_add_to_cart_params.cart_url; return; } // Trigger event so themes can refresh other areas. $( document.body ).trigger( 'added_to_cart', [ response.fragments, response.cart_hash, $thisbutton ] ); }, dataType: 'json' }); } }; /** * Update fragments after remove from cart event in mini-cart. */ AddToCartHandler.prototype.onRemoveFromCart = function( e ) { var $thisbutton = $( this ), $row = $thisbutton.closest( '.woocommerce-mini-cart-item' ); e.preventDefault(); $row.block({ message: null, overlayCSS: { opacity: 0.6 } }); e.data.addToCartHandler.addRequest({ type: 'POST', url: wc_add_to_cart_params.wc_ajax_url.toString().replace( '%%endpoint%%', 'remove_from_cart' ), data: { cart_item_key : $thisbutton.data( 'cart_item_key' ) }, success: function( response ) { if ( ! response || ! response.fragments ) { window.location = $thisbutton.attr( 'href' ); return; } $( document.body ).trigger( 'removed_from_cart', [ response.fragments, response.cart_hash, $thisbutton ] ); }, error: function() { window.location = $thisbutton.attr( 'href' ); return; }, dataType: 'json' }); }; /** * Update cart page elements after add to cart events. */ AddToCartHandler.prototype.updateButton = function( e, fragments, cart_hash, $button ) { $button = typeof $button === 'undefined' ? false : $button; if ( $button ) { $button.removeClass( 'loading' ); $button.addClass( 'added' ); // View cart text. if ( ! wc_add_to_cart_params.is_cart && $button.parent().find( '.added_to_cart' ).length === 0 ) { $button.after( ' ' + wc_add_to_cart_params.i18n_view_cart + '' ); } $( document.body ).trigger( 'wc_cart_button_updated', [ $button ] ); } }; /** * Update fragments after add to cart events. */ AddToCartHandler.prototype.updateFragments = function( e, fragments ) { if ( fragments ) { $.each( fragments, function( key ) { $( key ) .addClass( 'updating' ) .fadeTo( '400', '0.6' ) .block({ message: null, overlayCSS: { opacity: 0.6 } }); }); $.each( fragments, function( key, value ) { $( key ).replaceWith( value ); $( key ).stop( true ).css( 'opacity', '1' ).unblock(); }); $( document.body ).trigger( 'wc_fragments_loaded' ); } }; /** * Init AddToCartHandler. */ new AddToCartHandler(); });