caboose-store 0.0.2

data/app/views/caboose_store/checkout/billing.html.erb

@@ -0,0 +1,168 @@
+
+  <div class="page-content">
+    <div class="container">
+      <div class="row-fluid">
+        <div class="span12">
+          <ul class="breadcrumb">
+          <li><a href="/">Home</a><span class="divider">/</span></li>
+          <li><a href="/checkout">Checkout</a><span class="divider">/</span></li>
+          <li><a href="/checkout/shipping">Billing</a></li>          
+        </ul>
+        </div>
+      </div>
+      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+
+<h3>Checkout</h3>
+<table class='cart'>
+<tr>
+  <th>Item</th>
+  <th>Quantity</th>
+  <th>Subtotal</th>
+</tr>
+<% @order.line_items.each do |li| %>
+  <tr>
+    <td><%= li.variant.product.title %><br /><%= li.variant.title %></td>
+    <td align='right'><%= li.quantity %></td>
+    <td align='right'><%= number_to_currency(li.subtotal) %></td>
+  </tr>
+<% end %>
+<tr>
+  <td colspan='2' align='right'>Subtotal</td>
+  <td align='right'><%= number_to_currency(@order.subtotal) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'>Tax</td>
+  <td align='right'><%= number_to_currency(@order.tax) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'>Shipping &amp; Handling</td>
+  <td align='right'><%= number_to_currency(@order.shipping + @order.handling) %></td>
+</tr>
+<% if @order.discount > 0 %>
+<tr>
+  <td colspan='2' align='right'>Discount</td>
+  <td align='right'><%= number_to_currency(@order.discount) %></td>
+</tr>
+<% end %>
+<tr>
+  <td colspan='2' align='right'>Total</td>
+  <td align='right'><%= number_to_currency(@order.total) %></td>
+</tr>
+</table>
+
+        </div>
+      </div>      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+          <div class="row-fluid">            
+            <div class="span5" style='width: 230px;'>
+            
+<h2>Shipping Address</h2>
+<%
+a = @order.shipping_address
+str = "#{a.name}<br />#{a.address1}<br />"
+str << "#{a.address2}<br />" if a.address2 && a.address2.strip.length > 0
+str << "#{a.city}, #{a.state} #{a.zip}"
+%>
+<p><%= raw str %></p>
+<p><a href='/checkout'>Edit shipping address</a></p>
+
+            </div>
+            <div class="span5" style='width: 230px;'>
+            
+<h2>Shipping Method</h2>
+<p><%= @order.shipping_method %> - <%= number_to_currency(@order.shipping) %></p>
+<p><a href='/checkout/shipping-method'>Edit shipping method</a></p>
+
+            </div>
+            <div class="span5" style='width: 320px;'>
+
+<h2>Billing Information</h2>
+<div id='billing_info'>
+  <form action='/checkout/billing' method='post' id='billing_form'>
+  <table>     
+    <tr><td>Card number:      </td><td><input type='text' name='card_num' id='card_num' value='' style='width: 200px;' onkeyup='Checkout.space_card_number();' maxlength="25" /></td>
+    <tr><td>Expiration:       </td><td><select name='exp_month' id='exp_month' style='width: 90px;'>
+      <option value='01'>01 - Jan</option>
+      <option value='02'>02 - Feb</option>
+      <option value='03'>03 - Mar</option>
+      <option value='04'>04 - Apr</option>
+      <option value='05'>05 - May</option>
+      <option value='06'>06 - Jun</option>
+      <option value='07'>07 - Jul</option>
+      <option value='08'>08 - Aug</option>
+      <option value='09'>09 - Sep</option>
+      <option value='10'>10 - Oct</option>
+      <option value='11'>11 - Nov</option>
+      <option value='12'>12 - Dec</option>
+    </select> / <select name='exp_year' id='exp_year' style='width: 80px;'>
+    <% (DateTime.now.year...DateTime.now.year+20).each do |i| %>
+    <option value='<%= i-2000 %>'><%= i %></option>
+    <% end %>
+    </select></td></tr>  
+    <tr><td>Security Code:  </td><td><input type='text' name='security_code'    id='security_code'    value='' style='width: 60px;' maxlength='4' /></td>
+    <tr><td>Address:        </td><td><input type='text' name='billing_address1' id='billing_address1' value='' style='width: 200px;' /></td>
+    <tr><td>Address 2:      </td><td><input type='text' name='billing_address2' id='billing_address2' value='' style='width: 200px;' /></td>
+    <tr><td>Zip code:       </td><td><input type='text' name='billing_zip'      id='billing_zip'      value='' style='width: 100px;' /></td>  
+  </table>
+  </form>
+</div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="row-fluid">
+        <div class="span12 single-item">
+          <div class="row-fluid">
+          
+<div id='message'></div>
+<p>
+<input type='button' value='< Back' onclick="window.location='/checkout/shipping';" />
+<input type='submit' value='Continue >' onclick="Checkout.save_billing_info(); return false;" />
+</p>
+
+<%
+#<form accept-charset="UTF-8" action="https://test.authorize.net/gateway/transact.dll" method="post" id='authnet_form' target='authnet_iframe'>
+#<form accept-charset="UTF-8" action="https://secure.authorize.net/gateway/transact.dll" method="post" id='authnet_form' target='authnet_iframe'>
+#<form accept-charset="UTF-8" action="https://developer.authorize.net/tools/paramdump/index.php" method="post" id='authnet_form' target='authnet_iframe'>
+%>
+<form accept-charset="UTF-8" action="https://secure.authorize.net/gateway/transact.dll" method="post" id='authnet_form' target='authnet_iframe'>
+<%= sim_fields(@sim_transaction) %>
+<input type='hidden' name='authenticity_token' value="<%= form_authenticity_token %>" />
+<input type="hidden" id="x_invoice_num"       name="x_invoice_num"      value="<%= @order.id %>" /> 
+<input type="hidden" id="x_card_num"          name="x_card_num"         value="" />
+<input type="hidden" id="x_exp_date"          name="x_exp_date"         value="" />
+<input type="hidden" id="x_address"           name="x_address"          value="" />
+<input type="hidden" id="x_zip"               name="x_zip"              value="" />
+<input type="hidden" id="commit"              name="commit"             value="Purchase" />
+</form>
+<iframe name='authnet_iframe' id='authnet_iframe' style="<%= @logged_in_user.id == 7 ? "width: 100%; height: 400px;" : "display: none;" %>"></iframe>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+<%= content_for :caboose_css do %>
+<style type='text/css'>
+
+table.cart { border-collapse: collapse; }
+table.cart td { border: #666 1px dotted; padding: 4px 8px; }
+table.cart th { font-weight: bold; text-align: center; }
+
+</style>
+<% end %>
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'checkout' %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  
+});
+
+</script>
+<% end %>

data/app/views/caboose_store/checkout/discount.html.erb

@@ -0,0 +1,166 @@
+
+  <div class="page-content">
+    <div class="container">
+      <div class="row-fluid">
+        <div class="span12">
+          <ul class="breadcrumb">
+          <li><a href="/">Home</a><span class="divider">/</span></li>
+          <li><a href="/checkout">Checkout</a><span class="divider">/</span></li>
+          <li><a href="/checkout/shipping">Billing</a></li>          
+        </ul>
+        </div>
+      </div>
+      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+
+<h3>Checkout</h3>
+<table class='cart'>
+<tr>
+  <th>Item</th>
+  <th>Quantity</th>
+  <th>Subtotal</th>
+</tr>
+<% @order.line_items.each do |li| %>
+  <tr>
+    <td><%= li.variant.product.title %><br /><%= li.variant.title %></td>
+    <td align='right'><%= li.quantity %></td>
+    <td align='right'><%= number_to_currency(li.subtotal) %></td>
+  </tr>
+<% end %>
+<tr>
+  <td colspan='2' align='right'>Subtotal</td>
+  <td align='right'><%= number_to_currency(@order.subtotal) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'>Tax</td>
+  <td align='right'><%= number_to_currency(@order.tax) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'><a href='/checkout/shipping'>(Edit)</a> <%= @order.shipping_method %> Shipping</td>
+  <td align='right'><%= number_to_currency(@order.shipping + @order.handling) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'>Discount</td>
+  <td align='right'><%= number_to_currency(@order.discount) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'>Total</td>
+  <td align='right'><%= number_to_currency(@order.total) %></td>
+</tr>
+</table>
+
+        </div>
+      </div>      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+          <div class="row-fluid">            
+            <div class="span5" style='width: 230px;'>
+            
+<h2>Shipping Address</h2>
+<%
+a = @order.shipping_address
+str = "#{a.name}<br />#{a.address1}<br />"
+str << "#{a.address2}<br />" if a.address2 && a.address2.strip.length > 0
+str << "#{a.city}, #{a.state} #{a.zip}"
+%>
+<p><%= raw str %></p>
+<p><a href='/checkout'>Edit shipping address</a></p>
+
+            </div>
+            <div class="span5" style='width: 230px;'>
+            
+<h2>Shipping Method</h2>
+<p><%= @order.shipping_method %> - <%= number_to_currency(@order.shipping) %></p>
+<p><a href='/checkout/shipping-method'>Edit shipping method</a></p>
+
+            </div>
+            <div class="span5" style='width: 320px;'>
+
+<h2>Billing Information</h2>
+<div id='billing_info'>
+  <form action='/checkout/billing' method='post' id='billing_form'>
+  <table>     
+    <tr><td>Card number:      </td><td><input type='text' name='card_num' id='card_num' value='' style='width: 200px;' onkeyup='Checkout.space_card_number();' maxlength="25" /></td>
+    <tr><td>Expiration:       </td><td><select name='exp_month' id='exp_month' style='width: 90px;'>
+      <option value='01'>01 - Jan</option>
+      <option value='02'>02 - Feb</option>
+      <option value='03'>03 - Mar</option>
+      <option value='04'>04 - Apr</option>
+      <option value='05'>05 - May</option>
+      <option value='06'>06 - Jun</option>
+      <option value='07'>07 - Jul</option>
+      <option value='08'>08 - Aug</option>
+      <option value='09'>09 - Sep</option>
+      <option value='10'>10 - Oct</option>
+      <option value='11'>11 - Nov</option>
+      <option value='12'>12 - Dec</option>
+    </select> / <select name='exp_year' id='exp_year' style='width: 80px;'>
+    <% (DateTime.now.year...DateTime.now.year+20).each do |i| %>
+    <option value='<%= i-2000 %>'><%= i %></option>
+    <% end %>
+    </select></td></tr>  
+    <tr><td>Security Code:  </td><td><input type='text' name='security_code'    id='security_code'    value='' style='width: 60px;' /></td>
+    <tr><td>Address:        </td><td><input type='text' name='billing_address1' id='billing_address1' value='' style='width: 200px;' /></td>
+    <tr><td>Address 2:      </td><td><input type='text' name='billing_address2' id='billing_address2' value='' style='width: 200px;' /></td>
+    <tr><td>Zip code:       </td><td><input type='text' name='billing_zip'      id='billing_zip'      value='' style='width: 100px;' /></td>  
+  </table>
+  </form>
+</div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="row-fluid">
+        <div class="span12 single-item">
+          <div class="row-fluid">
+          
+<div id='message'></div>
+<p>
+<input type='button' value='< Back' onclick="window.location='/checkout/shipping';" />
+<input type='submit' value='Continue >' onclick="Checkout.save_billing_info(); return false;" />
+</p>
+
+<%
+#<form accept-charset="UTF-8" action="https://test.authorize.net/gateway/transact.dll" method="post" id='authnet_form' target='authnet_iframe'>
+#<form accept-charset="UTF-8" action="https://secure.authorize.net/gateway/transact.dll" method="post" id='authnet_form' target='authnet_iframe'>
+#<form accept-charset="UTF-8" action="https://developer.authorize.net/tools/paramdump/index.php" method="post" id='authnet_form' target='authnet_iframe'>
+%>
+<form accept-charset="UTF-8" action="https://secure.authorize.net/gateway/transact.dll" method="post" id='authnet_form' target='authnet_iframe'>
+<%= sim_fields(@sim_transaction) %>
+<input type='hidden' name='authenticity_token' value="<%= form_authenticity_token %>" />
+<input type="hidden" id="x_invoice_num"       name="x_invoice_num"      value="<%= @order.id %>" /> 
+<input type="hidden" id="x_card_num"          name="x_card_num"         value="" />
+<input type="hidden" id="x_exp_date"          name="x_exp_date"         value="" />
+<input type="hidden" id="x_address"           name="x_address"          value="" />
+<input type="hidden" id="x_zip"               name="x_zip"              value="" />
+<input type="hidden" id="commit"              name="commit"             value="Purchase" />
+</form>
+<iframe name='authnet_iframe' id='authnet_iframe' style='display: none;'></iframe>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+<%= content_for :caboose_css do %>
+<style type='text/css'>
+
+table.cart { border-collapse: collapse; }
+table.cart td { border: #666 1px dotted; padding: 4px 8px; }
+table.cart th { font-weight: bold; text-align: center; }
+
+</style>
+<% end %>
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'checkout' %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  
+});
+
+</script>
+<% end %>

data/app/views/caboose_store/checkout/index.html.erb

@@ -0,0 +1,113 @@
+
+  <div class="page-content">
+    <div class="container">
+      <div class="row-fluid">
+        <div class="span12">
+          <ul class="breadcrumb">
+          <li><a href="/">Home</a><span class="divider">/</span></li>
+          <li><a href="/checkout">Checkout</a></li>          
+        </ul>
+        </div>
+      </div>
+      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+          <div class="row-fluid">            
+
+<h3>Checkout</h3>
+<table class='cart'>
+<tr>
+  <th>Item</th>
+  <th>Quantity</th>
+  <th>Subtotal</th>
+</tr>
+<% @order.line_items.each do |li| %>
+  <tr>
+    <td><%= li.variant.product.title %><br /><%= li.variant.title %></td>
+    <td align='right'><%= li.quantity %></td>
+    <td align='right'><%= number_to_currency(li.subtotal) %></td>
+  </tr>
+<% end %>
+<tr>
+  <td colspan='2' align='right'>Subtotal</td>
+  <td align='right'><%= number_to_currency(@order.subtotal) %></td>
+</tr>
+</table>
+
+          </div>
+<% if (@is_logged_in) %>
+          <div class="row-fluid">
+            <div class="span5">
+
+<h2>Shipping Address</h2>
+<form action='/checkout/shipping' method='post' id='shipping_address_form'>
+<table>
+  <tr><td>Name:       </td><td><input type='text' name='name'     value='' style='width: 200px;' /></td>
+  <tr><td>Company:    </td><td><input type='text' name='company'  value='' style='width: 200px;' /></td>
+  <tr><td>Address 1:  </td><td><input type='text' name='address1' value='' style='width: 200px;' /></td>
+  <tr><td>Address 2:  </td><td><input type='text' name='address2' value='' style='width: 200px;' /></td>
+  <tr><td>City:       </td><td><input type='text' name='city'     value='' style='width: 200px;' /></td>
+  <tr><td>State:      </td><td><select name='state'><% States.all.each do |abbr, name| %><option value='<%= abbr %>'><%= name %></option><% end %></select></td></tr>
+  <tr><td>Zip:        </td><td><input type='text' name='zip'      value='' style='width: 200px;' /></td>
+</table>
+<div id='message'></div>
+<p><input type='submit' value='Continue >' onclick="Checkout.post_shipping_address(); return false;" /></p>
+<form>
+            </div>
+          </div>
+<% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+
+<%= content_for :caboose_css do %>
+<style type='text/css'>
+
+table.cart { border-collapse: collapse; }
+table.cart td { border: #666 1px dotted; padding: 4px 8px; }
+table.cart th { font-weight: bold; text-align: center; }
+
+</style>
+<% end %>
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'checkout' %>
+
+<% if !@is_logged_in %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  open_colorbox();  
+});
+
+function open_colorbox() {
+  $.colorbox({
+    href: '/login?return_url=/checkout',
+    iframe: true,
+    innerWidth: 200,
+    innerHeight:  50,
+    scrolling: false,
+    transition: 'fade',
+    closeButton: false,
+    onComplete: fix_colorbox,
+    opacity: 0.50,
+    onClosed: function() { open_colorbox(); }   
+  });
+}
+
+function fix_colorbox() {
+  $("#cboxTopLeft"      ).css('background', '#111');
+  $("#cboxTopRight"     ).css('background', '#111');
+  $("#cboxBottomLeft"   ).css('background', '#111');
+  $("#cboxBottomRight"  ).css('background', '#111');
+  $("#cboxMiddleLeft"   ).css('background', '#111');
+  $("#cboxMiddleRight"  ).css('background', '#111');
+  $("#cboxTopCenter"    ).css('background', '#111');
+  $("#cboxBottomCenter" ).css('background', '#111');
+  $("#cboxClose"        ).hide(); 
+}
+
+</script>
+<% end %>
+
+<% end %>

data/app/views/caboose_store/checkout/quantity_box.html.erb

@@ -0,0 +1,39 @@
+<style>
+	.quantity_box { width: 300px; height: 300px; }
+</style>
+
+<div class="quantity_box">
+<p id="message">Sorry, your specified quantity exceeds what we have in stock. Your cart will be updated to reflect our current stock.</p>
+<div id="update_btn" style="display:none;"><button id="update_cart">Return to Checkout</button></div>
+<p class="loading" id="updating" style="display:none;">Updating cart...</p>
+</div>
+
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'cart' %>
+<script type='text/javascript'>
+
+var modal = false;
+$(window).load(function() {
+    modal = new CabooseModal(300, 300);
+    update_quantities();
+});
+
+function update_quantities() {
+   $("#updating").show(); 
+    $.ajax({
+    url: '/checkout/update_quantities',
+    success: function(order) {
+       $("#updating").hide(); 
+       $("#update_btn").show(); 
+    }
+  });
+}
+
+function close_colorbox() {
+	parent.jQuery.fn.colorbox.close();
+}
+
+$("#update_btn").click(function() { close_colorbox(); });
+
+</script>
+<% end %>

data/app/views/caboose_store/checkout/shipping.html.erb

@@ -0,0 +1,90 @@
+
+  <div class="page-content">
+    <div class="container">
+      <div class="row-fluid">
+        <div class="span12">
+          <ul class="breadcrumb">
+          <li><a href="/">Home</a><span class="divider">/</span></li>
+          <li><a href="/checkout">Checkout</a><span class="divider">/</span></li>
+          <li><a href="/checkout/shipping">Shipping Method</a></li>          
+        </ul>
+        </div>
+      </div>
+
+      <div class="row-fluid">
+        <div class="span12 single-item">
+
+<h3>Checkout</h3>
+<table class='cart'>
+<tr>
+  <th>Item</th>
+  <th>Quantity</th>
+  <th>Subtotal</th>
+</tr>
+<% @order.line_items.each do |li| %>
+  <tr>
+    <td><%= li.variant.product.title %><br /><%= li.variant.title %></td>
+    <td align='right'><%= li.quantity %></td>
+    <td align='right'><%= number_to_currency(li.subtotal) %></td>
+  </tr>
+<% end %>
+<tr>
+  <td colspan='2' align='right'>Subtotal</td>
+  <td align='right'><%= number_to_currency(@order.subtotal) %></td>
+</tr>
+<tr>
+  <td colspan='2' align='right'>Tax</td>
+  <td align='right'><%= number_to_currency(@order.tax) %></td>
+</tr>
+</table>
+
+        </div>
+      </div>      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+          <div class="row-fluid">            
+            <div class="span5" style='width: 230px;'>
+
+<h2>Shipping Address</h2>
+<%
+a = @order.shipping_address
+str = "#{a.name}<br />#{a.address1}<br />"
+str << "#{a.address2}<br />" if a.address2 && a.address2.strip.length > 0
+str << "#{a.city}, #{a.state} #{a.zip}"
+%>
+<p><%= raw str %></p>
+<p><a href='/checkout'>Edit shipping address</a></p>
+
+            </div>
+            <div class="span7" style='width: 300px;'>
+
+<h2>Shipping Method</h2>
+<div id='shipping_rates'><p class='loading'>Calculating shipping rates...</p></div>
+<div id='message'></div>
+
+            </div>            
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+<%= content_for :caboose_css do %>
+<style type='text/css'>
+
+table.cart { border-collapse: collapse; }
+table.cart td { border: #666 1px dotted; padding: 4px 8px; }
+table.cart th { font-weight: bold; text-align: center; }
+
+</style>
+<% end %>
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'checkout' %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  Checkout.get_shipping_rates();
+});
+
+</script>
+<% end %>

data/app/views/caboose_store/checkout/thank_you.html.erb

@@ -0,0 +1,36 @@
+
+  <div class="page-content">
+    <div class="container">
+      <div class="row-fluid">
+        <div class="span12">
+          <ul class="breadcrumb">
+          <li><a href="/">Home</a><span class="divider">/</span></li>
+          <li><a href="/checkout">Checkout</a><span class="divider">/</span></li>
+          <li><a href="/checkout/shipping">Finished</a></li>          
+        </ul>
+        </div>
+      </div>
+      
+      <div class="row-fluid">
+        <div class="span12 single-item">
+
+<h3>All Finished!</h3>
+<p>Thank you for your order! Your order has been submitted.</p>
+<p>Please allow up to 48 hours for your order to be processed.  Orders are processed during normal business hours Monday through Friday.</p>
+<p><input type='button' value='Continue Shopping' onclick="window.location='/';" /></p>
+        
+        </div>
+      </div>
+    </div>
+  </div>
+
+<%= content_for :caboose_js do %>
+<%= javascript_include_tag 'checkout' %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  
+});
+
+</script>
+<% end %>

data/app/views/caboose_store/layouts/_banner.html.erb

@@ -0,0 +1,10 @@
+<!-- Shows image "s2.jpg" -->
+<div class="heads">
+	<div class="container">
+		<div class="row-fluid">
+			<div class="span12">
+				<h2><span>//</span> <%= @page.title %></h2>
+			</div>
+		</div>
+	</div>
+</div>

data/app/views/caboose_store/layouts/_banner2.html.erb

@@ -0,0 +1,10 @@
+<!-- Shows image "s3.jpg" -->
+<div class="heads2">
+	<div class="container">
+		<div class="row-fluid">
+			<div class="span12">
+				<h2><span>//</span> <%= @page.title %></h2>
+			</div>
+		</div>
+	</div>
+</div>