caboose-cms 0.7.85 → 0.8.1

data/app/assets/javascripts/caboose/cart.js

@@ -3,7 +3,7 @@ Cart = function(params) { this.init(params); };
 
 Cart.prototype = {
   
-  order: false,  
+  invoice: false,  
   allow_edit_line_items: true,
   allow_edit_gift_cards: true,
   show_total: true,
@@ -27,7 +27,7 @@ Cart.prototype = {
     $.ajax({
       url: '/cart/items',
       success: function(resp) {
-        that.order = resp;
+        that.invoice = resp;
         $('#message').empty();
         that.print();
       }        
@@ -37,7 +37,7 @@ Cart.prototype = {
   print: function()
   {
     var that = this;
-    if (!this.order || !this.order.line_items || this.order.line_items.length == 0)
+    if (!this.invoice || !this.invoice.line_items || this.invoice.line_items.length == 0)
     {
       $('#cart').html("<p class='note'>You don't have any items in your shopping cart.  <a href='/products'>Continue shopping.</a></p>");
       return;
@@ -51,7 +51,7 @@ Cart.prototype = {
         .append($('<th/>').html('Subtotal'))
       );
                 
-    $.each(this.order.line_items, function(i, li) {      
+    $.each(this.invoice.line_items, function(i, li) {      
       var v = li.variant;
       var p = v.product;      
       var img = v.product_images && v.product_images.length > 0 ? v.product_images[0] : (p.product_images && p.product_images.length > 0 ? p.product_images[0] : false);            
@@ -114,33 +114,33 @@ Cart.prototype = {
     });
     tbody.append($('<tr/>')        
       .append($('<td/>').css('text-align', 'right').attr('colspan', 4).html('Subtotal'))
-      .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.order.subtotal).toFixed(2)))
+      .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.invoice.subtotal).toFixed(2)))
     );
     if (that.show_tax)
     {
       tbody.append($('<tr/>')        
         .append($('<td/>').css('text-align', 'right').attr('colspan', 4).html('Tax'))
-        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.order.tax).toFixed(2)))
+        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.invoice.tax).toFixed(2)))
       );
     }
     if (that.show_shipping)
     {
-      var x = parseFloat(that.order.shipping) + parseFloat(that.order.handling);
+      var x = parseFloat(that.invoice.shipping) + parseFloat(that.invoice.handling);
       tbody.append($('<tr/>')        
         .append($('<td/>').css('text-align', 'right').attr('colspan', 4).html('Shipping &amp; Handling'))
         .append($('<td/>').css('text-align', 'right').html('$' + x.toFixed(2)))
       );
     }
-    if (that.show_gift_wrap && that.order.gift_wrap > 0)
+    if (that.show_gift_wrap && that.invoice.gift_wrap > 0)
     {
       tbody.append($('<tr/>')        
         .append($('<td/>').css('text-align', 'right').attr('colspan', 4).html('Gift Wrapping'))
-        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.order.gift_wrap).toFixed(2)))
+        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.invoice.gift_wrap).toFixed(2)))
       );
     }    
-    if (that.show_discounts && that.order.discounts.length > 0)
+    if (that.show_discounts && that.invoice.discounts.length > 0)
     {
-      $.each(that.order.discounts, function(i, d) {
+      $.each(that.invoice.discounts, function(i, d) {
           
         var gctd = $('<td/>').css('text-align', 'right').attr('colspan', 4);
         if (that.allow_edit_gift_cards)
@@ -152,11 +152,11 @@ Cart.prototype = {
           .append($('<td/>').css('text-align', 'right').html('-$' + parseFloat(d.amount).toFixed(2)))
         );          
       });
-      if (that.order.custom_discount && that.order.custom_discount > 0)
+      if (that.invoice.custom_discount && that.invoice.custom_discount > 0)
       {
         tbody.append($('<tr/>')
           .append($('<td/>').css('text-align', 'right').attr('colspan', 4).html('Discount'))
-          .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.order.custom_discount).toFixed(2)))
+          .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.invoice.custom_discount).toFixed(2)))
         );
       }
     }
@@ -164,7 +164,7 @@ Cart.prototype = {
     {
       tbody.append($('<tr/>')        
         .append($('<td/>').css('text-align', 'right').attr('colspan', 4).html('Total'))
-        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.order.total).toFixed(2)))
+        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(that.invoice.total).toFixed(2)))
       );            
     }            
     $('#cart').empty().append($('<table/>').append(tbody));
@@ -172,7 +172,7 @@ Cart.prototype = {
     // Make anything editable that needs to be
     if (that.allow_edit_line_items)
     {
-      $.each(this.order.line_items, function(i, li) {
+      $.each(this.invoice.line_items, function(i, li) {
         var p = li.variant.product;
         var attribs = [];        
         attribs.push({ name: 'quantity', nice_name: 'Qty', type: 'text', value: li.quantity, width: 50, fixed_placeholder: false, after_update: function() { that.refresh(); } });

data/app/assets/javascripts/caboose/cart_old.js

@@ -41,7 +41,7 @@ Caboose.Store.Modules.Cart = (function() {
   
   self.render = function() {
     $.get('/cart/items', function(response) {
-      self.$cart.empty().html(self.templates.line_items({ order: response.order }));
+      self.$cart.empty().html(self.templates.line_items({ invoice: response.invoice }));
       self.$cart.removeClass('loading');
     });
   };
@@ -143,7 +143,7 @@ Caboose.Store.Modules.Cart = (function() {
         success: function(response) {
           if (response.success) {
             $line_item.find('.price').empty().text('$' + response.line_item.price);
-            if (self.$cart.find('.subtotal').length) self.$cart.find('.subtotal').empty().text('$' + response.order_subtotal);
+            if (self.$cart.find('.subtotal').length) self.$cart.find('.subtotal').empty().text('$' + response.invoice_subtotal);
           } else {
             alert(response.errors[0]);
           }

data/app/assets/javascripts/caboose/checkout/authnet_payment_method_controller.js

@@ -0,0 +1,120 @@
+
+var AuthnetPaymentMethodController = function(params) { this.init(params); };
+
+AuthnetPaymentMethodController.prototype = {
+
+  container: 'payment_method_container',
+  customer_profile_id: false,
+  payment_profile_id: false,  
+  card_brand: false,
+  card_last4: false,
+  card_name: false,
+  card_zip: false,
+  
+  init: function(params)
+  {
+    var that = this;
+    for (var i in params)
+      that[i] = params[i];        
+  },
+  
+  refresh: function(after)
+  {
+    var that = this;
+    $.ajax({
+      url: '/checkout/authnet/json',
+      type: 'get',          
+      success: function(resp) {        
+        that.stripe_key   = resp.stripe_key;
+        that.customer_id  = resp.customer_id;
+        that.card_brand   = resp.card_brand;
+        that.card_last4   = resp.card_last4;
+        that.cc.print_ready_message();
+        if (after) after();            
+      }
+    });    
+  },
+  
+  print: function()
+  {
+    var that = this;
+    //if (!that.stripe_key)
+    //{
+    //  that.refresh(function() { that.print(); });
+    //  return;
+    //}    
+    var msg = that.card_brand && that.card_last4 ? that.card_brand + ' ending in ' + that.card_last4 : 'You have no card on file.';    
+    var div = $('<div/>')
+      .append($('<h3/>').html('Payment Method'))
+      .append($('<p/>')
+        .append(msg).append(' ')
+        .append($('<a/>').attr('href', '#').html('Edit').click(function(e) {
+          e.preventDefault();
+          that.edit();        
+        })
+      ));      
+    $('#'+that.container).empty().append(div);    
+  },
+
+  edit: function()
+  {
+    caboose_modal_url('/checkout/authnet');          
+  },
+  
+  update: function() 
+  {
+    var that = this;                
+    var info = {
+      number:      $('#card_number').val(),
+      exp:         $('#card_exp').val(),
+      cvc:         $('#card_cvc').val(),
+      name:        $('card_name').val(),
+      address_zip: $('card_zip').val()
+    };
+    var exp = info.exp.split('/');
+    var m = exp.length > 0 ? exp[0] : '';
+    var y = exp.length > 1 ? exp[1] : '';        
+    var error = false;
+    if (!$.payment.validateCardNumber(info.number)) error = "Invalid card number.";
+    if (!$.payment.validateCardExpiry(m, y))        error = "Invalid expiration date.";
+    if (!$.payment.validateCardCVC(info.cvc))       error = "Invalid CVC.";
+    if (error) { $('#payment_message').html("<p class='note error'>" + error + "</p>"); return; }
+        
+    $('#save_payment_btn').attr('disabled', 'true').val('Saving card...');    
+    Stripe.setPublishableKey(that.stripe_key);    
+    Stripe.card.createToken(info, function(status, resp) {
+      if (resp.error)
+      {
+        $('#save_payment_btn').attr('disabled', 'false').val('Save Payment Method');    
+        $('#payment_message').html("<p class='note error'>" + resp.error.message + "</p>");
+      }      
+      else
+      {
+        that.card_brand = resp.card.brand;
+        that.card_last4 = resp.card.last4;                                
+        $.ajax({
+          url: '/checkout/stripe-details',
+          type: 'put',
+          data: { token: resp.id, card: resp.card },
+          success: function(resp2) {
+            if (resp2.success)
+            {
+              that.customer_id = resp.customer_id;
+              that.print();
+            }
+            if (resp2.error) $('#payment_message').html("<p class='note error'>" + resp2.error + "</p>");
+          }
+        });
+      }
+    });  
+  },
+  
+  ready: function()
+  {
+    var that = this;
+    if (!that.customer_id ) return false;
+    if (!that.card_brand  ) return false;
+    if (!that.card_last4  ) return false;
+    return true;
+  }
+};

data/app/assets/javascripts/caboose/checkout/billing_address_controller.js

@@ -0,0 +1,85 @@
+
+var BillingAddressController = function(params) { this.init(params); };
+
+BillingAddressController.prototype = {
+
+  cc: false,
+  model_binder: false,
+      
+  init: function(params)
+  {
+    var that = this;
+    for (var i in params)
+      that[i] = params[i];        
+  },
+  
+  print: function()
+  {
+    var that = this;
+    var ba = that.cc.invoice.billing_address;
+          
+    var div = $('<div/>').append($('<h3/>').html('Billing Address'));
+    
+    if (that.cc.is_empty_address(ba))
+      div.append($('<p/>').append('[Empty]'));
+    else
+    {
+      var name = ba.first_name + ' ' + ba.last_name;
+      if (name.length == 0) name = '[Empty name]';
+      var address = ba.address1.length > 0 ? ba.address1 : '[Empty address]'
+      var city_state_zip = (ba.city.length > 0 ? ba.city : '[Empty city]') + ', ' + (ba.state.length > 0 ? ba.state : '[Empty state]') + ' ' + (ba.zip.length > 0 ? ba.zip : '[Empty zip]') 
+      
+                                  div.append($('<span/>').addClass('name'           ).html(name           )).append($('<br/>'));
+      if (ba.company.length > 0)  div.append($('<span/>').addClass('company'        ).html(ba.company     )).append($('<br/>'));
+                                  div.append($('<span/>').addClass('address1'       ).html(address        )).append($('<br/>'));
+      if (ba.address2.length > 0) div.append($('<span/>').addClass('address2'       ).html(ba.address2    )).append($('<br/>'));
+                                  div.append($('<span/>').addClass('city_state_zip' ).html(city_state_zip )).append($('<br/>'));
+    }
+
+    div.append($('<p/>').append($('<a/>').attr('href', '#').html('Edit').click(function(e) { e.preventDefault(); that.edit(); })));              
+    $('#billing_address_container').empty().append(div);
+  },
+      
+  edit: function()
+  {
+    var that = this;
+    var ba = that.cc.invoice.billing_address;
+    if (!ba.id) ba.id = 1;
+    
+    var div = $('<div/>')          
+      .append($('<h3/>').html('Billing Address'))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_first_name' ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_last_name'  ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_company'    ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_address1'   ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_address2'   ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_city'       ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_state'      ))
+      .append($('<div/>').attr('id', 'billingaddress_' + ba.id + '_zip'        ));
+    $('#billing_address_container').empty().append(div);
+    
+    that.model_binder = new ModelBinder({
+      name: 'BillingAddress',
+      id: ba.id,
+      update_url: '/checkout/billing-address',
+      authenticity_token: that.cc.authenticity_token,
+      attributes: [      
+        { name: 'first_name'  , wrapper_class: 'first_name' , nice_name: 'First Name'  , type: 'text'     , value: ba.first_name , width:  '50%' , fixed_placeholder: false }, 
+        { name: 'last_name'   , wrapper_class: 'last_name'  , nice_name: 'Last Name'   , type: 'text'     , value: ba.last_name  , width:  '50%' , fixed_placeholder: false }, 
+        { name: 'company'     , wrapper_class: 'company'    , nice_name: 'Company'     , type: 'text'     , value: ba.company    , width: '100%' , fixed_placeholder: false }, 
+        { name: 'address1'    , wrapper_class: 'address1'   , nice_name: 'Address 1'   , type: 'text'     , value: ba.address1   , width: '100%' , fixed_placeholder: false }, 
+        { name: 'address2'    , wrapper_class: 'address2'   , nice_name: 'Address 2'   , type: 'text'     , value: ba.address2   , width: '100%' , fixed_placeholder: false }, 
+        { name: 'city'        , wrapper_class: 'city'       , nice_name: 'City'        , type: 'text'     , value: ba.city       , width:  '25%' , fixed_placeholder: false },         
+        { name: 'zip'         , wrapper_class: 'zip'        , nice_name: 'Zip'         , type: 'text'     , value: ba.zip        , width:  '25%' , fixed_placeholder: false },
+        { name: 'state'       , wrapper_class: 'state'      , nice_name: 'State'       , type: 'select'   , value: ba.state      , width:  '25%' , fixed_placeholder: false , options_url: '/checkout/state-options' }                  
+      ]            
+    });            
+  },
+  
+  ready: function()
+  {
+    var that = this;
+    if (that.cc.is_empty_address(that.cc.invoice.billing_address)) return false;
+    return true;        
+  }
+};

data/app/assets/javascripts/caboose/checkout/cart_controller.js

@@ -0,0 +1,257 @@
+
+var CartController = function(params) { this.init(params); };
+
+CartController.prototype = {
+
+  cc: false, // CheckoutController
+  
+  init: function(params)
+  {
+    var that = this;
+    for (var i in params)
+      that[i] = params[i];    
+  },
+  
+  update_totals: function()
+  {
+    var that = this;
+    var x = parseFloat(that.cc.invoice.shipping) + parseFloat(that.cc.invoice.handling);
+            
+    $('#totals_subtotal').html('$' + parseFloat(that.cc.invoice.subtotal).toFixed(2));    
+    $('#totals_tax').html('$' + parseFloat(that.cc.invoice.tax).toFixed(2));
+    $('#totals_shipping').html('$' + x.toFixed(2));    
+    $('#totals_gift_wrap').html('$' + parseFloat(that.cc.invoice.gift_wrap).toFixed(2));      
+    $('#totals_custom_discount').html('$' + parseFloat(that.cc.invoice.custom_discount).toFixed(2));    
+    $('#totals_total').html('$' + parseFloat(that.cc.invoice.total).toFixed(2));
+    
+    $.each(that.cc.invoice.discounts, function(i, d) {                        
+      $('#totals_discount_' + i).html('-$' + parseFloat(d.amount).toFixed(2));                
+    });                                
+  },
+    
+  print: function(confirm)
+  {
+    var that = this;
+    if (!that.cc.invoice || !that.cc.invoice.line_items || that.cc.invoice.line_items.length == 0)
+    {
+      $('#cart').html("<p class='note'>You don't have any items in your shopping cart.  <a href='/products'>Continue shopping.</a></p>");
+      return;
+    }
+
+    var tbody = $('<tbody/>');                      
+    $.each(that.cc.invoice.invoice_packages, function(j, op) {      
+      that.cart_line_items(tbody, op, j, confirm);      
+    });
+    that.cart_line_items(tbody, false);    
+    that.cart_totals(tbody, confirm);
+    $('#cart').empty().append($('<table/>').append(tbody));
+     
+    // Make anything editable that needs to be
+    if (!confirm)
+    {
+      $.each(that.cc.invoice.line_items, function(i, li) {
+        var p = li.variant.product;
+        var attribs = [];        
+        attribs.push({ name: 'quantity', nice_name: 'Qty', type: 'text', value: li.quantity, width: 50, fixed_placeholder: false, after_update: function() { that.cc.refresh_cart(); }});
+        if (that.cc.show_gift_options)
+        {
+          attribs.push({ name: 'is_gift'      , nice_name: 'This item is a gift'  , type: 'checkbox' , value: li.is_gift      , width: 40 ,               fixed_placeholder: false, after_update: function() { that.toggle_gift_options(this.li_id); }, li_id: li.id });
+          attribs.push({ name: 'hide_prices'  , nice_name: 'Hide prices'          , type: 'checkbox' , value: li.hide_prices  , width: 40 ,               fixed_placeholder: false, after_update: function() { } });
+          if (p.allow_gift_wrap == true)
+            attribs.push({ name: 'gift_wrap'  , nice_name: 'Gift wrap'            , type: 'checkbox' , value: li.gift_wrap    , width: 40 ,               fixed_placeholder: false, after_update: function() { that.cc.refresh_cart(); } });
+          attribs.push({ name: 'gift_message' , nice_name: 'Gift message'         , type: 'textarea' , value: li.gift_message , width: 400 , height: 75 , fixed_placeholder: false, after_update: function() { } });
+        }        
+        m = new ModelBinder({
+          name: 'LineItem',
+          id: li.id,
+          update_url: '/cart/' + li.id,
+          authenticity_token: that.cc.authenticity_token,    
+          attributes: attribs
+        });
+      });            
+    }
+    
+    $.each(that.cc.invoice.invoice_packages, function(i, op) {
+      if (confirm)
+        op.shipping_method_controller.print();
+      else
+        op.shipping_method_controller.edit();
+    });    
+  },
+  
+  cart_line_items: function(tbody, op, j, confirm)
+  {    
+    var that = this;
+    
+    line_items = [];              
+    $.each(that.cc.invoice.line_items, function(i, li) {
+      if ((op && li.invoice_package_id == op.id) || (!op && !li.invoice_package_id))          
+        line_items[line_items.length] = li;
+    });
+    
+    if (line_items.length > 0)
+    {      
+      tbody
+        .append($('<tr/>').addClass('invoice_package_header')
+          .append($('<td/>')            
+            .attr('colspan', '4')
+            .append('<h3>Package ' + (j+1) + '</h3>')
+            .append($('<div/>').attr('id', 'invoice_package_' + op.id + '_shipping_method'))
+          )
+        )
+        .append($('<tr/>')
+          .append($('<th/>').html('Item'))        
+          .append($('<th/>').html('Price'))
+          .append($('<th/>').html('Quantity'))        
+          .append($('<th/>').html('Subtotal'))
+        );
+    }
+    
+    $.each(line_items, function(i, li) {      
+      var v = li.variant;
+      var p = v.product;      
+      var img = v.product_images && v.product_images.length > 0 ? v.product_images[0] : (p.product_images && p.product_images.length > 0 ? p.product_images[0] : false);            
+      img = img ? $('<img/>').attr('src', img.urls.tiny) : '&nbsp;';                     
+      var item = $('<td/>').attr('valign', 'top')
+        .append(img)
+        .append('<br/>' + p.title + '<br/>' + v.title);        
+              
+      if (that.cc.show_gift_options)
+      {
+        if (!confirm)
+        {
+          var gift_options_tbody = $('<tbody/>');
+          if (li.variant.product.allow_gift_wrap == true)
+            gift_options_tbody.append($('<tr/>').append($('<td/>').addClass('checkbox').append($('<div/>').attr('id', 'lineitem_' + li.id + '_gift_wrap'  ))).append($('<td/>').append("Gift wrap ($" + parseFloat(li.variant.product.gift_wrap_price).toFixed(2) + ')')));
+          gift_options_tbody.append($('<tr/>').append($('<td/>').addClass('checkbox').append($('<div/>').attr('id', 'lineitem_' + li.id + '_hide_prices'))).append($('<td/>').append("Hide prices in receipt")));
+          gift_options_tbody.append($('<tr/>').append($('<td/>').attr('colspan', '2').append('Gift message<br/>').append($('<div/>').attr('id', 'lineitem_' + li.id + '_gift_message'))));
+                          
+          item.append($('<div/>').addClass('gift_options_checkbox')
+            .append($('<table/>').append($('<tbody/>').append($('<tr/>').append($('<td/>').addClass('checkbox').append($('<div/>').attr('id', 'lineitem_' + li.id + '_is_gift'  ))).append($('<td/>').append("This item is a gift"))))))
+            .append($('<div/>').attr('id', 'gift_options_' + li.id).addClass('gift_options').css('display', li.is_gift ? 'block' : 'none').append($('<table/>').append(gift_options_tbody)));
+        }
+        else
+        {
+          if (li.is_gift)
+          {
+            item.append($('<ul/>').addClass('gift_options')
+              .append($('<li/>').html("This item is a gift."))
+              .append($('<li/>').html("Gift wrap? " + (li.gift_wrap ? 'Yes' : 'No')))
+              .append($('<li/>').html("Hide prices? " + (li.hide_prices ? 'Yes' : 'No')))
+              .append($('<li/>').html("Gift message: " + (li.gift_message.length > 0 ? li.gift_message : '[Empty]')))
+            );
+          }
+          else 
+            item.append($('<p/>').append("This item is not a gift."));                              
+        }
+      }
+      
+      var qty = $('<td/>').css('text-align', 'right');
+      if (!confirm) qty.append($('<div/>').attr('id', 'lineitem_' + li.id + '_quantity'));
+      else          qty.append(li.quantity);
+      if (!confirm) qty.append($('<div/>').append($('<a/>').attr('href','#').html('Remove').click(function(e) { e.preventDefault(); that.remove_item(li.id); })));
+      
+      var tr = $('<tr/>').data('id', li.id);
+      //if (i == 0)     
+      //  tr.append($('<td/>').attr('valign', 'top').attr('rowspan', line_items.length).attr('id', 'invoice_package_' + op.id + '_shipping_method'));
+      
+      tr.append(item)                                                                        
+        .append($('<td/>').css('text-align', 'right').html('$' + parseFloat(li.unit_price).toFixed(2)))
+        .append(qty)
+        .append($('<td/>').css('text-align', 'right').html('$' + (li.unit_price * li.quantity).toFixed(2)));      
+      tbody.append(tr);                    
+    });                                                                                                                    
+  },
+  
+  cart_totals: function(tbody, confirm)
+  {
+    var that = this;
+    
+    tbody.append($('<tr/>')
+      .append($('<th/>').addClass('invoice_totals_header').attr('colspan', '4').html('<h3>Invoice Totals</h3>')));
+    tbody.append($('<tr/>')        
+      .append($('<td/>').css('text-align', 'right').attr('colspan', 3).html('Subtotal'))
+      .append($('<td/>').css('text-align', 'right').attr('id', 'totals_subtotal').html('$' + parseFloat(that.cc.invoice.subtotal).toFixed(2)))
+    );
+    if (that.cc.show_tax)
+    {
+      tbody.append($('<tr/>')        
+        .append($('<td/>').css('text-align', 'right').attr('colspan', 3).html('Tax'))
+        .append($('<td/>').css('text-align', 'right').attr('id', 'totals_tax').html('$' + parseFloat(that.cc.invoice.tax).toFixed(2)))
+      );
+    }
+    if (that.cc.show_shipping)
+    {
+      var x = parseFloat(that.cc.invoice.shipping) + parseFloat(that.cc.invoice.handling);
+      tbody.append($('<tr/>')        
+        .append($('<td/>').css('text-align', 'right').attr('colspan', 3).html('Shipping &amp; Handling'))
+        .append($('<td/>').css('text-align', 'right').attr('id', 'totals_shipping').html('$' + x.toFixed(2)))
+      );
+    }
+    if (that.cc.show_gift_wrap && that.cc.invoice.gift_wrap > 0)
+    {
+      tbody.append($('<tr/>')        
+        .append($('<td/>').css('text-align', 'right').attr('colspan', 3).html('Gift Wrapping'))
+        .append($('<td/>').css('text-align', 'right').attr('id', 'totals_gift_wrap').html('$' + parseFloat(that.cc.invoice.gift_wrap).toFixed(2)))
+      );
+    }    
+    if (that.cc.show_discounts && that.cc.invoice.discounts.length > 0)
+    {
+      $.each(that.cc.invoice.discounts, function(i, d) {
+          
+        var gctd = $('<td/>').css('text-align', 'right').attr('colspan', 3);
+        if (!confirm)
+          gctd.append($('<a/>').data('discount_id', d.id).attr('href', '#').html('(remove)').click(function(e) { e.preventDefault(); that.remove_discount($(this).data('discount_id')); })).append(' ');
+        gctd.append('Gift Card (' + d.gift_card.code + ')');
+            
+        tbody.append($('<tr/>')        
+          .append(gctd)
+          .append($('<td/>').css('text-align', 'right').attr('id', 'totals_discount_' + i).html('-$' + parseFloat(d.amount).toFixed(2)))
+        );          
+      });
+      if (that.cc.invoice.custom_discount && that.cc.invoice.custom_discount > 0)
+      {
+        tbody.append($('<tr/>')
+          .append($('<td/>').css('text-align', 'right').attr('colspan', 3).html('Discount'))
+          .append($('<td/>').css('text-align', 'right').attr('id', 'totals_custom_discount').html('$' + parseFloat(that.cc.invoice.custom_discount).toFixed(2)))
+        );
+      }
+    }
+    if (that.cc.show_total)
+    {
+      tbody.append($('<tr/>')        
+        .append($('<td/>').css('text-align', 'right').attr('colspan', 3).html('Total'))
+        .append($('<td/>').css('text-align', 'right').attr('id', 'totals_total').html('$' + parseFloat(that.cc.invoice.total).toFixed(2)))
+      );            
+    }
+  },
+          
+  toggle_gift_options: function(li_id)
+  {
+    var el = $('#gift_options_' + li_id);
+    if (el.is(':visible'))
+      el.slideUp();
+    else
+      el.slideDown();    
+  },
+  
+  remove_item: function(li_id)
+  {
+    var that = this;
+    $.ajax({
+     url: '/cart/' + li_id,
+     type: 'delete',
+     success: function(resp) { that.cc.refresh_and_print(); }
+    });    
+  },
+  
+  remove_discount: function(discount_id)
+  {
+    var that = this;
+    $.ajax({
+     url: '/cart/discounts/' + discount_id,
+     type: 'delete',
+     success: function(resp) { that.cc.refresh_and_print(); }
+    });    
+  }    
+};