caboose-store 0.0.10 → 0.0.11

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    YzE4NGU4ODA3MTA0N2ZhMDc1NTc0MmQzOGQ5ZDg5MjQ2MTliYTAzMw==
+    NWM5NzBlOTk5ZTczMWM5MDhhYzhkYWYzZTNhYThkYWQ0ZjE3NDc3NA==
   data.tar.gz: !binary |-
-    NDc5ZDM3NmQzNTQxZDQzNGMwODY2NDBlNzczNDgyMTVmZWU5NTY3Mw==
+    MmJkZDQyYWYwNmIzZjZmZjdlZTBjZWYyY2VmNDU0OGY0MTA0ZDU0Ng==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    Mzc5NjgyMTkwOWEwYTA0NGE2ZDdiNjBjNWYwMjcwZmNlYjJlNDNjN2U3MDkx
-    MmU4NjFiZGI2MGYxM2YxMDZiMjk4MmJiZTZiOTUxYTIxNzJlMmU3ZDFiYjQz
-    ODAwY2JhZDYzZTJmMGY0M2FkOGQ2YjFmMGIwMmUwMjhkZjdkYjk=
+    M2IzNzQyZWNlNDZlYWNmODgwNjk5ODllZjY2MTNlNjhhYTIwNmE1NDViNGZi
+    MmNlODI5MDNmYTgwOWI5MzQ5NjE2YTE0NWMwNzYxNTE2NDU2NTdhOWE1ZGUx
+    ZTM0YTliMGI1ZDI0NGQxNjIyZDQ1NjU5NDg4MjIxY2RkMDg2Njg=
   data.tar.gz: !binary |-
-    MTljYWMyNGUyZGMzYWQxYWE4MjRhMWUyY2EwZWU5ZDcxYjczMDQ0YzlhM2Fk
-    OWNhOTc2NWEwNDkxYjRkODk4Y2Y5OTY1NmNkZjkyNzg0MTJjOWIxN2RiODNm
-    MjI0ZWEwN2E4NTEwZTMyMmMyODU4MzUxZjg1ZTVhYjMxMGJkYjM=
+    NTRkZGEzYTU5ZTg1NjJjZTNkNTNlMjc2MGNmMmNkZjBhZmZjNzg0Y2E0Zjdj
+    NGE0N2M5ZDI5MmNhOTg1NWQ0YzdiZjNjYzQxNzJmZGY4YTE5YTQ4MjZmMTZl
+    NTMwZTdkMmQ0NmQxMDExZjdiOGViZGM1M2EyZGMzODEyMTgzNDQ=

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

@@ -0,0 +1,8 @@
+//
+// Main
+//
+
+var Caboose = (function() {
+  return {};
+})();
+

data/app/assets/javascripts/caboose_store/admin.js

@@ -1,19 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// the compiled file.
-//
-// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
-// GO AFTER THE REQUIRES BELOW.
-//
-//= require jquery
-//= require jquery_ujs
-//= require colorbox-rails
-//= require caboose/modal_integration
-/* require jquery.ui.all  */
-/* require tinymce-jquery */
-

data/app/assets/javascripts/caboose_store/admin_products.js

@@ -35,14 +35,13 @@ function cancel_delete_product(product_id)
 function add_variant(product_id)
 {
   modal.autosize("<p class='loading'>Adding variant...</p>");
+	
   $.ajax({
     url: '/admin/products/' + product_id + '/variants',
     type: 'post',
     success: function(resp) {
-      if (resp.error)
-        modal.autosize("<p class='note error'>" + resp.error + "</p>");
-      if (resp.refresh)
-        window.location.reload(true);    
+      if (resp.error)   modal.autosize("<p class='note error'>" + resp.error + "</p>");
+      if (resp.refresh) window.location.reload(true);
     }
   })
 }

data/app/assets/javascripts/caboose_store/application.js

@@ -10,8 +10,9 @@
 // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
 // GO AFTER THE REQUIRES BELOW.
 //
-//= require jquery
-//= require jquery_ujs
-//= require colorbox-rails
-//= require caboose/modal_integration
-//= require application
+//= require_tree ../../templates
+//= require underscore
+//= require caboose_store/config
+//= require caboose_store/main
+//= require_tree ./modules
+

data/app/assets/javascripts/caboose_store/cart.js.bak

@@ -0,0 +1,258 @@
+//
+// Cart
+//
+// :: Initialize
+// :: Open
+// :: Bind Events
+// :: Close
+// :: Add
+// :: Update
+// :: Remove
+
+var CabooseCart = function() {
+  var self = this;
+  
+  //
+  // Initialize
+  //
+  
+  self.initialize = function() {
+    $.ajax({
+      url: '/cart/items',
+      type: 'get',
+      success: function(response) {
+        self.items = response;
+        
+        // If this is the mobile cart page
+        if (window.location.pathname == '/cart/mobile') self.bindEvents();
+        
+        // Emit ready event
+        Caboose.events.trigger('cart.ready');
+        
+        // Open cart
+        $('[caboose-cart=open]').on('click', function(event) {
+          event.preventDefault();
+          
+          if ($.browser.mobile) {
+            Caboose.redirect('/cart/mobile')
+          } else {
+            self.open();
+          }
+        });
+        
+        // Add to cart from button
+        $('[caboose-cart=add]').not('form').on('click', function(event) {
+          event.preventDefault();
+          self.add( $(event.target).data('id') );
+          if (!$.browser.mobile) self.open();
+        });
+        
+        // Add to cart from form
+        $('form[caboose-cart=add]').on('submit', function(event) {
+          event.preventDefault();
+          
+          // Initially set the indecator variable to false
+          var stop_submission = false;
+          
+          $('.custom-input').each(function(index, el) {
+            $el = $(el)
+            
+            // If the value is empty or equal to the placeholder; val() will return the placeholder value if it's empty
+            if ( $el.val() == "" || $el.val() == $el.attr('placeholder') ) {
+              
+              // Notify the user that an input is required; assuming all custom inputs are required
+              alert('You must enter a value for ' + $el.attr('placeholder'));
+              
+              // Indicate that errors were found
+              stop_submission = true;
+              
+              // Exit the each loop
+              return false;
+            }
+          });
+          
+          // Exit function if errors were found
+          if (stop_submission) return false;
+          
+          // Collect the form data
+          var data = $(event.delegateTarget).serializeArray()
+            , json = _.object( _.pluck(data, 'name'), _.pluck(data, 'value') );
+            
+          // Add to cart and open up if this is a desktop browser
+          self.add(json);
+          if (!$.browser.mobile) self.open();
+        });
+      }
+    });
+  };
+  
+  //
+  // Open
+  //
+  
+  self.open = function(mobile) {
+    $.colorbox({
+      href: '/modal',
+      iframe: true,
+      innerWidth: 600,
+      innerHeight: 400,
+      
+      onComplete: function() {
+        $('#cboxLoadedContent iframe').load(self.bindEvents);
+      }
+    });
+  };
+  
+  //
+  // Bind Events
+  //
+  
+  self.bindEvents = function() {
+    var $container = $('#cboxLoadedContent iframe').contents().find('#modal_content')
+      , content    = JST['caboose_store/cart/index']({items: self.items});
+    
+    // If container exists inject content into modal
+    // otherwise define it as the body for event binding
+    if ($container.length) {
+      $container.html(content);
+    } else {
+      $container = $('body')
+    }
+    
+    // Close cart
+    $container.find('[caboose-cart=close]').on('click', function(event) {
+      event.preventDefault();
+      self.close();
+    });
+    
+    // Redirect user
+    $container.find('[caboose-cart=redirect]').on('click', function(event) {
+      event.preventDefault();
+      window.location.href = event.target.href;
+    });
+    
+    // Update item from single input
+    $container.find('[caboose-cart=update]').not('form').on('change', function(event) {
+      var $target    = $(event.target)
+        , id         = $target.data('id')
+        , attribute  = $target.attr('name')
+        , value      = $target.val()
+        , attributes = {};
+        
+      attributes[attribute] = value;
+      self.update(id, attributes);
+    });
+    
+    // Update item from form
+    $container.find('form[caboose-cart=update]').on('submit', function(event) {
+      event.preventDefault();
+      
+      var $target    = $(event.delegateTarget)
+        , id         = $target.data('id')
+        , form       = $target.serializeArray()
+        , attributes = _.object( _.pluck(form, 'name'), _.pluck(form, 'value') );
+        
+      self.update(id, attributes);
+    });
+    
+    // Remove from cart
+    $container.find('[caboose-cart=remove]').on('click', function(event) {
+      event.preventDefault();
+      var id = $(event.target).data('id');
+      
+      self.remove(id, function() {
+        if (self.items.length == 0) {
+          self.close();
+        } else {
+          $container.find('[caboose-cart=remove][data-id=' + id + ']').parents('tr').remove();
+        }
+      });
+    });
+  };
+  
+  //
+  // Close
+  //
+  
+  self.close = function() {
+    $.colorbox.close();
+  };
+  
+  //
+  // Add
+  //
+  
+  self.add = function(something, callback) {
+    var id   = _.isNumber(something) ? something : ''
+      , data = _.isObject(something) ? something : {};
+      
+    $.ajax({
+      url: '/cart/item/' + id,
+      type: 'post',
+      data: data,
+      success: function(response) {
+        if (response.error) {
+          alert(response.error);
+        } else {
+          
+          // If this is mobile then redirect to mobile cart page
+          if ($.browser.mobile) Caboose.redirect('/cart/mobile');
+          
+          // If item exists increment quantity, otherwise add to cart
+          if ( _.contains(_.pluck(self.items, 'id'), response.id) ) {
+            _.find(self.items, function(item) { return item.id == response.id }).quantity = response.quantity;
+          } else {
+            self.items.push(response);
+          }
+        }
+        
+        if (callback) callback(response);
+      }
+    });
+  };
+  
+  //
+  // Update
+  //
+  
+  self.update = function(id, attributes, callback) {
+    $.ajax({
+      url: '/cart/item/' + id,
+      type: 'put',
+      data: {attributes: attributes},
+      success: function(response) {
+        
+        // If successful update line item quantity; otherwise, notify the user with the received message
+        if (response.success) {
+          _.find(self.items, function(item) { return item.id == response.item.id }).quantity = response.item.quantity;
+        } else if (response.error) {
+          alert(response.message);
+        }
+        
+        if (callback) callback(response);
+      }
+    });
+  };
+  
+  //
+  // Remove
+  //
+  
+  self.remove = function(id, callback) {
+    $.ajax({
+      url: '/cart/item/' + id,
+      type: 'delete',
+      success: function(response) {
+        self.items = _.reject(self.items, function(item) { return item.id == response.id });
+        if ($.browser.mobile) Caboose.reload();
+        if (callback) callback(response);
+      }
+    });
+  };
+  
+  // Init and return
+  $(document).ready(self.initialize);
+  return self;
+};
+
+Caboose.Store.Cart = new CabooseCart();

data/app/assets/javascripts/caboose_store/checkout.js

@@ -0,0 +1,151 @@
+//
+// Checkout
+//
+// :: Initialize
+// :: Index
+// :: Shipping
+// :: Payment
+
+//var CabooseCheckout = function() {
+//  var self = this;
+//  
+//  //
+//  // Initialize
+//  //
+//  
+//  self.initialize = function() {
+//    
+//    // Ensure that a user is logged in
+//    //if (!Caboose.loggedIn && window.location.pathname.substring(0, 9) == '/checkout') Caboose.login();
+//    console.log('foo');
+//    
+//    // Route to correct method
+//    switch (window.location.pathname) {
+//      case '/checkout':          self.index();    break;
+//      case '/checkout/shipping': self.shipping(); break;
+//      case '/checkout/billing':  self.billing();  break;
+//    }
+//  };
+//  
+//  //
+//  // Index
+//  //
+//  
+//  self.index = function() {
+//    
+//    // Ensure use as billing is automatically checked
+//    $('#use-as-billing').prop('checked', true);
+//    
+//    // Show/hide the billing form
+//    $('#use-as-billing').on('change', function(event) {
+//      if ($('#use-as-billing')[0].checked) {
+//        $('#billing').hide()
+//      } else {
+//        $('#billing').show()
+//      }
+//    });
+//    
+//    // Update address info
+//    $('form#address').on('submit', function(event) {
+//      event.preventDefault();
+//      
+//      $.ajax({
+//        url: '/checkout/address',
+//        type: 'put',
+//        data: $(event.delegateTarget).serialize(),
+//        success: function(response) {
+//          if (response.error)    $('#message').html("<p class='note error'>" + response.error + "</p>");
+//          if (response.redirect) window.location = response.redirect;
+//        }
+//      });
+//    });
+//  };
+//  
+//  //
+//  // Shipping
+//  //
+//  
+//  self.shipping = function() {
+//    $('form#shipping-rates').one('submit', function(event) {
+//      event.preventDefault();
+//      
+//      var $form = $(event.delegateTarget)
+//        , code  = $('input[name=shipping_method_code]:checked', $form).val()
+//        , name  = $('input#shipping-method-' + code + '-name', $form).val()
+//        , price = $('input#shipping-method-' + code + '-price', $form).val();
+//        
+//      $.ajax({
+//        url: '/checkout/shipping-method',
+//        type: 'put',
+//        data: {
+//          shipping_method: {
+//            code: code,
+//            name: name,
+//            price: price
+//          }
+//        },
+//        success: function(response) {
+//          if (response.error)    $('#message').html("<p class='note error'>" + response.error + "</p>");
+//          if (response.redirect) window.location = response.redirect;
+//        }
+//      });
+//    });
+//  };
+//  
+//  //
+//  // Billing
+//  //
+//  
+//  self.billing = function() {
+//    window.relay = function(authorized) {
+//      if (authorized) {
+//        window.location.replace('/checkout/thanks');
+//      } else {
+//        window.location.replace('/checkout/error');
+//      }
+//    };
+//    
+//    $('#billing-expiration-month, #billing-expiration-year').on('change', function(event) {
+//      $('input[name=billing-cc-exp]').val($('#billing-expiration-month').val() + $('#billing-expiration-year').val());
+//    });
+//    
+//    $('#billing-form').one('submit', function(e) {
+//      e.preventDefault();
+//      
+//      // TODO this is a temporary fix.. for some reason the one submit event is getting registered multiple times
+//      if ($('#billing-confirmation').length) return false;
+//      
+//      $('input[name=billing-cc-exp]').val($('#billing-expiration-month').val() + $('#billing-expiration-year').val());
+//      
+//      var $form    = $(e.delegateTarget)
+//        , cc_num   = $form.find('input[name=billing-cc-number]').val()
+//        , cc_exp   = $form.find('input[name=billing-cc-exp]').val()
+//        , total    = $('input#billing-amount').val()
+//        , $confirm = $(document.createElement('div'));
+//      
+//      $confirm.attr('id', 'billing-confirmation');
+//      $confirm.append( $('</p>').attr('style', 'margin-bottom: 0').html('<strong>Credit Card Number</strong>: xxxx-xxxx-xxxx-' + cc_num.replace(/\-\ /g, '').substr(-4)) );
+//      $confirm.append( $('</p>').attr('style', 'margin-bottom: 0').html('<strong>Expiration Date</strong>: ' + cc_exp.substr(0, 2) + '/' + cc_exp.substr(2, 2)) );
+//      $confirm.append( $('</p>').html('<strong>Total</strong>: $' + total) );
+//      $confirm.append( $('</p>').attr('style', 'margin: 24px 0').html('<a href="/checkout/billing">Edit billing info</a>') );
+//      $confirm.append( $('</p>').html('<input id="submit-billing" type="button" value="Continue >" />') );
+//      
+//      $form.after($confirm);
+//      $form.hide();
+//      
+//      $confirm.find('#submit-billing').on('click', function(e) {
+//        e.preventDefault();
+//        $form.submit();
+//        $confirm.after( $('</p>').addClass('loading').text('Authorizing transaction..') );
+//        $confirm.hide();
+//      });
+//    });
+//  };
+//  
+//  // Init and return
+//  $(document).ready(self.initialize);
+//  return self;
+//};
+//
+//CabooseStore.Checkout = new CabooseCheckout();
+//

data/app/assets/javascripts/caboose_store/config.js

@@ -0,0 +1,83 @@
+//
+// Config
+//
+
+//
+// Delay
+//
+
+var delay = (function() {
+  var timer = 0;
+  
+  return function(callback, ms) {
+    clearTimeout(timer);
+    timer = setTimeout(callback, ms);
+  };
+})();
+
+//
+// States
+//
+
+window.States = {
+  "AL": "Alabama",
+  "AK": "Alaska",
+  "AS": "American Samoa",
+  "AZ": "Arizona",
+  "AR": "Arkansas",
+  "CA": "California",
+  "CO": "Colorado",
+  "CT": "Connecticut",
+  "DE": "Delaware",
+  "DC": "District Of Columbia",
+  "FM": "Federated States Of Micronesia",
+  "FL": "Florida",
+  "GA": "Georgia",
+  "GU": "Guam",
+  "HI": "Hawaii",
+  "ID": "Idaho",
+  "IL": "Illinois",
+  "IN": "Indiana",
+  "IA": "Iowa",
+  "KS": "Kansas",
+  "KY": "Kentucky",
+  "LA": "Louisiana",
+  "ME": "Maine",
+  "MH": "Marshall Islands",
+  "MD": "Maryland",
+  "MA": "Massachusetts",
+  "MI": "Michigan",
+  "MN": "Minnesota",
+  "MS": "Mississippi",
+  "MO": "Missouri",
+  "MT": "Montana",
+  "NE": "Nebraska",
+  "NV": "Nevada",
+  "NH": "New Hampshire",
+  "NJ": "New Jersey",
+  "NM": "New Mexico",
+  "NY": "New York",
+  "NC": "North Carolina",
+  "ND": "North Dakota",
+  "MP": "Northern Mariana Islands",
+  "OH": "Ohio",
+  "OK": "Oklahoma",
+  "OR": "Oregon",
+  "PW": "Palau",
+  "PA": "Pennsylvania",
+  "PR": "Puerto Rico",
+  "RI": "Rhode Island",
+  "SC": "South Carolina",
+  "SD": "South Dakota",
+  "TN": "Tennessee",
+  "TX": "Texas",
+  "UT": "Utah",
+  "VT": "Vermont",
+  "VI": "Virgin Islands",
+  "VA": "Virginia",
+  "WA": "Washington",
+  "WV": "West Virginia",
+  "WI": "Wisconsin",
+  "WY": "Wyoming"
+};
+