caboose-cms 0.4.151 → 0.5.1

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

@@ -0,0 +1,179 @@
+//
+// Checkout
+//
+
+Caboose.Store.Modules.CheckoutStep1 = (function() {
+
+  // Steps
+  // Step 1: Present non-editable cart and login/register/guest buttons.
+  // Step 2: Present shipping address form.
+  // Step 3: Present shipping options.
+  // Step 4: Present credit card form.
+  // Step 5: Thank you.
+    
+  self = {};
+  
+  //
+  // Initialize
+  //
+  
+  self.initialize = function() {
+    switch (window.location.pathname.replace(/\/$/, "")) {
+      case '/checkout':
+      case '/checkout/step-one': self.step = 1; break;      
+    }
+    
+    $('#signin_form_container'   ).slideUp();
+    $('#register_form_container' ).slideUp();
+    $('#guest_form_container'    ).slideUp();
+    
+    self.$checkout = $('#checkout')        
+    self.bindEventHandlers();
+  };
+  
+  //
+  // Events
+  //
+  
+  self.bindEventHandlers = function() {
+    self.$checkout.on('click' , '[data-login-action]', self.login_click_handler);
+    //self.$checkout.on('submit', '#checkout-login form', self.login_submit_handler);    
+    //self.$checkout.on('click' , '#checkout-continue button', self.continue_handler);
+    $('#signin_form'  ).submit(self.login_form_submit_handler);
+    $('#register_form').submit(self.register_form_submit_handler);
+    $('#guest_form'   ).submit(self.guest_form_submit_handler);    
+  };
+  
+  self.login_click_handler = function(event) {    
+    var form = $(event.target).data('login-action');    
+    if (self.current_form && form == self.current_form)
+      return;
+    if (self.current_form)
+    {
+      $('#' + self.current_form + '_form_container').slideUp(400, function() {
+        $('#' + form + '_form_container').slideDown();        
+      });
+      $('#' + self.current_form + '_button').removeClass('selected');
+    }    
+    else
+    {
+      $('#' + form + '_form_container').slideDown();      
+    }
+    $('#' + form + '_button').addClass('selected');
+    $('#message').empty();
+    
+    $('html, body').animate({
+      scrollTop: $('#checkout-login').offset().top
+    }, 600);
+    
+    self.current_form = form;         
+  };
+  
+  //self.login_submit_handler = function(event) {
+  //  event.preventDefault();
+  //  var $form = $(event.target);
+  //  
+  //  $.ajax({
+  //    type: $form.attr('method'),
+  //    url: $form.attr('action'),
+  //    data: $form.serialize(),
+  //    success: function(response) {
+  //      if (response.error || (response.errors && response.errors.length > 0)) {
+  //        if ($form.find('.message').length) {
+  //          $form.find('.message').empty().addClass('error').text(response.error || response.errors[0]);
+  //        } else {
+  //          $form.append($('<span/>').addClass('message error').text(response.error || response.errors[0]));
+  //        }
+  //      } else {
+  //        if (response.logged_in) {
+  //          self.$login.after($('<p/>').addClass('alert').text('You are now signed in').css('text-align', 'center')).remove();
+  //          $.post('/checkout/attach-user');
+  //        } else {
+  //          self.$login.after($('<p/>').addClass('alert').text('Email successfully saved').css('text-align', 'center')).remove();
+  //        }
+  //      }
+  //      
+  //      self.fetch(self.render);
+  //    }
+  //  });
+  //};
+  
+  //self.continueHandler = function(event) {
+  //  $form = self.$address.find('form');
+  //  
+  //  $.ajax({
+  //    type: $form.attr('method'),
+  //    url: $form.attr('action'),
+  //    data: $form.serialize(),
+  //    success: function(response) {
+  //      if (response.success) {
+  //        window.location = '/checkout/step-two';
+  //      } else {
+  //        $form.find('.message').remove();
+  //        $form.find('#' + response.address + ' h3').append($('<span/>').addClass('message error').text(response.errors[0]));
+  //      }
+  //    }
+  //  });
+  //};
+  
+  self.login_form_submit_handler = function(event) {    
+    $('#message').html("<p class='loading'>Logging in...</p>");
+    $.ajax({
+      url: '/login',
+      type: 'post',
+      data: $('#signin_form').serialize(),
+      success: function(resp) {        
+        if (resp.error) $('#message').html("<p class='note error'>" + resp.error + "</p>");
+        else
+        {
+          $.ajax({
+            url: '/checkout/attach-user',
+            type: 'post',            
+            success: function(resp2) {
+              if (resp2.error) $('#message').html("<p class='note error'>" + resp2.error + "</p>");
+              else window.location = '/checkout/step-two';
+            }
+          });          
+        }
+      }
+    });
+    return false;
+  };
+  
+  self.register_form_submit_handler = function(event) {    
+    $('#message').html("<p class='loading'>Registering...</p>");
+    $.ajax({
+      url: '/register',
+      type: 'post',
+      data: $('#register_form').serialize(),
+      success: function(resp) {
+        if (resp.error) $('#message').html("<p class='note error'>" + resp.error + "</p>");
+        $.ajax({
+          url: '/checkout/attach-user',
+          type: 'post',            
+          success: function(resp2) {
+            if (resp2.error) $('#message').html("<p class='note error'>" + resp2.error + "</p>");
+            else window.location = '/checkout/step-two';
+          }
+        });        
+      }
+    });
+    return false;
+  };
+  
+  self.guest_form_submit_handler = function(event) {    
+    $('#message').html("<p class='loading'>Submitting...</p>");
+    $.ajax({
+      url: '/checkout/attach-guest',
+      type: 'post',
+      data: $('#guest_form').serialize(),
+      success: function(resp) {
+        if (resp.error) $('#message').html("<p class='note error'>" + resp.error + "</p>");
+        else window.location = '/checkout/step-two';
+      }
+    });
+    return false;
+  };
+      
+  return self
+}).call(Caboose.Store);

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

@@ -0,0 +1,39 @@
+
+Caboose.Store.Modules.CheckoutStep2 = (function() {
+    
+  self = {};
+  
+  self.initialize = function() {                
+    self.bind_event_handlers();
+  };
+  
+  self.bind_event_handlers = function() {
+    $('input[type=checkbox][name=use_as_billing]').on('change', self.use_as_billing_handler);
+    $('#address_form').submit(self.continue_handler);
+  };
+
+  self.use_as_billing_handler = function(event) {    
+    if (event.target.checked)
+      $('#billing').hide();
+    else
+      $('#billing').show();    
+  };
+  
+  self.continue_handler = function(event) {    
+    $('#message').html("<p class='loading'>Saving information...</p>");
+    $.ajax({
+      url: '/checkout/address',
+      type: 'put',      
+      data: $('#address_form').serialize(),
+      success: function(resp) {
+        if (resp.errors && resp.errors.length > 0)
+          $('#message').html("<p class='note error'>" + resp.errors[0] + "</p>");
+        else if (resp.success)
+          window.location = '/checkout/step-three';
+      }
+    });
+    return false;
+  };
+    
+  return self
+}).call(Caboose.Store);

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

@@ -0,0 +1,34 @@
+
+Caboose.Store.Modules.CheckoutStep3 = (function() {
+    
+  self = {};
+   
+  self.initialize = function() {                
+    self.bind_event_handlers();
+  };
+  
+  self.bind_event_handlers = function() {
+    $('#checkout button').click(self.shipping_click_handler);    
+  };
+
+  self.shipping_click_handler = function(event) {
+    $('#message').html("<p class='loading'>Saving information...</p>");            
+    $.ajax({
+      url: '/checkout/shipping',
+      type: 'put',      
+      data: { 
+        shipping_method:      $(event.target).data('shipping-method'),
+        shipping_method_code: $(event.target).data('shipping-code') 
+      },
+      success: function(resp) {
+        if (resp.errors && resp.errors.length > 0)
+          $('#message').html("<p class='note error'>" + resp.errors[0] + "</p>");
+        else if (resp.success)
+          window.location = '/checkout/step-four';        
+      }
+    });
+    return false;
+  };
+    
+  return self
+}).call(Caboose.Store);

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

@@ -0,0 +1,97 @@
+
+Caboose.Store.Modules.CheckoutStep4 = (function() {
+
+  self = {
+    is_confirm: false
+  };    
+  
+  self.initialize = function() {
+    $('#checkout-confirm').hide();
+    $('#relay').hide();
+    self.bind_event_handlers();    
+    self.expiration_change_handler();
+  };
+    
+  self.bind_event_handlers = function() {
+    $('#checkout-payment form#payment select').change(self.expiration_change_handler);
+    $('#checkout-continue button').click(self.continue_handler);
+    $('#checkout-confirm #edit_payment').click(self.edit_payment_handler);                
+    
+    $(window).on('message', function(event) {
+      relay_handler(event.originalEvent.data);
+    });
+  };
+    
+  self.expiration_change_handler = function(event) {
+    var form = $('#checkout-payment #payment')
+    month = form.find('select[name=month]').val()
+    year = form.find('select[name=year]').val();    
+    $('#expiration').val(month + year);
+  };
+  
+  self.continue_handler = function(event) {
+    if (!self.is_confirm)
+    {
+      var cc = $('#billing-cc-number').val();
+      if (cc.length < 15)
+        $('#message').html("<p class='note error'>Please enter a valid credit card number.</p>");
+      else
+      {          
+        $('#message').empty();
+        $('#checkout-payment').hide();
+        $('#checkout-confirm').show();
+        $('#checkout_nav4 a').removeClass('current').addClass('done');
+        $('#checkout_nav5 a').removeClass('not_done').addClass('current');
+        $('#confirm_card_number').html("Card ending in " + cc.substr(-4));
+        $('#checkout-continue button').html("Confirm order");
+        self.is_confirm = true;
+      }
+    }
+    else
+    {    
+      $('#message').html("<p class='loading'>Processing payment...</p>");
+      $('form#payment').submit();
+    }
+  };
+  
+  self.edit_payment_handler = function(event) {
+    $('#checkout-confirm').hide();
+    $('#checkout-payment').show();
+    $('#checkout_nav4 a').removeClass('done').addClass('current');
+    $('#checkout_nav5 a').removeClass('current').addClass('not_done');
+    $('#checkout-continue button').html("Continue");    
+    self.is_confirm = false;    
+  };
+  
+  //self.relay_handler = function(event) {
+  //  alert('Relay handler');
+  //  var iframe = $('#relay');
+  //  var form   = $('#payment');
+  //  var resp   = iframe.contents().find('#response');
+  //  
+  //  if (!resp.length || form.length)
+  //  {
+  //    alert('No response found.');
+  //    return false;
+  //  }
+  //  
+  //  resp = JSON.parse(resp.html());    
+  //  if (resp.error)
+  //    $('#message').html("<p class='note error'>" + resp.error + "</p>");
+  //  else if (resp.success == true)
+  //    window.location = '/checkout/thanks';                
+  //};
+  
+  return self
+}).call(Caboose.Store);
+
+function relay_handler(resp)
+{
+  console.log('RELAY');
+  if (resp.success == true)
+    window.location = '/checkout/thanks';
+  else if (resp.message)  
+    $('#message').html("<p class='note error'>" + resp.message + "</p>");
+  else
+    $('#message').html("<p class='note error'>There was an error processing your payment.</p>");
+}

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

@@ -1,13 +1,6 @@
 //
-// Main
+// Caboose
 //
-// :: Initialize
-// :: Events
-// :: Redirect
-// :: Reload
-// :: Login
-// :: Logout
-// :: Register
 
 var Caboose = function() {
 	var self = this;
@@ -124,3 +117,101 @@ var Caboose = function() {
 
 // There can only be one
 var Caboose = new Caboose();
+
+//
+// Caboose Store
+//
+
+Caboose.Store = (function(caboose) {
+  var self = {
+    Modules: {}
+  };
+  
+  self.initialize = function() {
+    _.each(self.Modules, function(module) {
+      if (module.initialize) module.initialize();
+    });
+  };
+  
+  $(document).ready(self.initialize);
+  return self;
+}).call(Caboose);
+
+//
+// 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"
+};