caboose-store 0.0.10 → 0.0.11

data/app/views/caboose_store/categories/admin_edit.html.erb

@@ -1,82 +1,79 @@
-<%
-cat = @category
-%>
 <h1>Edit Category</h1>
 
-<p><div id='category_<%= cat.id %>_name'                 ></div></p>
-<p><div id='category_<%= cat.id %>_slug'                 ></div></p>
-<p><div id='category_<%= cat.id %>_square_offset_x'      ></div></p>
-<p><div id='category_<%= cat.id %>_square_offset_y'      ></div></p>
-<p><div id='category_<%= cat.id %>_square_scale_factor'  ></div></p>
-<p><div id='category_<%= cat.id %>_image'                ></div></p>
+<p><div class="push-below" id="category_<%= @category.id %>_name"></div></p>
+<p><div class="push-below" id="category_<%= @category.id %>_slug"></div></p>
+<p><div class="push-below" id="category_<%= @category.id %>_status"></div></p>
+<p><div class="push-below" id="category_<%= @category.id %>_image"></div></p>
 
 <h2>Products</h2>
-<% if cat.products && cat.products.count > 0 %>
+
+<% if @category.products.any? %>
   <ul>
-    <% cat.products.each do |p| %>
-    <li><a href='/admin/products/<%= p.id %>/general'><%= p.title %></a></li>
+    <% @category.products.each do |product| %>
+      <li><a href="/admin/products/<%= product.id %>/general"><%= product.title %></a></li>
     <% end %>
   </ul>
 <% else %>
-  <p>This category has no products.</p>
+  <p>This category has no associated products.</p>
 <% end %>
 
-<div id='message'></div>
-<p>
-<input type='button' value='< Back' onclick="window.location='/admin/categories';" />
-<input type='button' value='Delete Category' onclick="delete_category(<%= cat.id %>);" />
-</p>
+<div id="message"></div>
+<input type="button" value="< Back" onclick="window.location='/admin/categories'" />
+<input type="button" value="Delete Category" onclick="delete_category(<%= @category.id %>)" />
 
+<% content_for :caboose_css do %>
+  <style>
+    .push-below { margin-bottom: 24px; }
+  </style>
+<% end %>
 
 <% content_for :caboose_js do %>
-<%= javascript_include_tag "caboose/model/all" %>
-<script type='text/javascript'>
-
-var modal = false;
-$(window).load(function() {
-  modal = new CabooseModal(800);
-});
-
-$(document).ready(function() {
-  m = new ModelBinder({
-    name: 'Category',
-    id: <%= cat.id %>,
-    update_url: '/admin/categories/<%= cat.id %>',
-    authenticity_token: '<%= form_authenticity_token %>',
-    attributes: [
-      { name: 'name'                 , nice_name: 'Name'         , type: 'text'  , value: <%= raw Caboose.json(cat.name                ) %>, width: 400 },
-      { name: 'slug'                 , nice_name: 'Slug'         , type: 'text'  , value: <%= raw Caboose.json(cat.slug                ) %>, width: 400 },      
-      { name: 'square_offset_x'      , nice_name: 'Offset X'     , type: 'text'  , value: <%= raw Caboose.json(cat.square_offset_x     ) %>, width: 200 },
-      { name: 'square_offset_y'      , nice_name: 'Offset Y'     , type: 'text'  , value: <%= raw Caboose.json(cat.square_offset_y     ) %>, width: 200 },
-      { name: 'square_scale_factor'  , nice_name: 'Scale Factor' , type: 'text'  , value: <%= raw Caboose.json(cat.square_scale_factor ) %>, width: 200 },
-      { name: 'image'                , nice_name: 'Image'        , type: 'image' , value: <%= raw Caboose.json(cat.image.url(:medium)  ) %>, width: 200 }
-    ]
-  });
-});
-
-function delete_category(cat_id, confirm)
-{
-  if (!confirm)
-  {
-    var p = $('<p/>').addClass('note error').css('margin-bottom', '10px')
-      .append("Are you sure you want to delete the category?<br />This can't be undone.<br /><br />")
-      .append($('<input/>').attr('type', 'button').val('Yes').click(function() { delete_category(cat_id, true); })).append(' ')
-      .append($('<input/>').attr('type', 'button').val('No').click(function() { $('#message').empty(); modal.autosize(); }));      
-    modal.autosize(p, 'message');
-    return;
-  }
-  modal.autosize("<p class='loading'>Deleting the category...</p>");
-  $.ajax({
-    url: '/admin/categories/' + cat_id,
-    type: 'delete',
-    success: function(resp) {
-      if (resp.error)
-        modal.autosize("<p class='note error'>" + resp.error + "</p>");
-      if (resp.redirect)
-        window.location = resp.redirect      
+  <%= javascript_include_tag "caboose/model/all" %>
+  
+  <script type='text/javascript'>
+    var modal = false;
+    
+    $(window).load(function() {
+      modal = new CabooseModal(800);
+    });
+    
+    $(document).ready(function() {
+      m = new ModelBinder({
+        name: 'Category',
+        id: <%= @category.id %>,
+        update_url: '/admin/categories/<%= @category.id %>',
+        authenticity_token: '<%= form_authenticity_token %>',
+        attributes: [
+          { name: 'name'  , nice_name: 'Name'  , type: 'text'  , value: <%= raw Caboose.json(@category.name) %>               , width: 400 },
+          { name: 'slug'  , nice_name: 'Slug'  , type: 'text'  , value: <%= raw Caboose.json(@category.slug) %>               , width: 400 }, 
+          { name: 'status', nice_name: 'Status', type: 'select', value: <%= raw Caboose.json(@category.status) %>             , width: 400  , text: <%= raw Caboose.json(@category.status) %>, options_url: '/admin/categories/status-options' },
+          { name: 'image' , nice_name: 'Image' , type: 'image' , value: <%= raw Caboose.json(@category.image.url(:medium)) %> , width: 200 }
+        ]
+      });
+    });
+    
+    function delete_category(cat_id, confirm) {
+      if (!confirm) {
+        var p = $('<p/>').addClass('note error').css('margin-bottom', '10px')
+          .append("Are you sure you want to delete the category?<br />This can't be undone.<br /><br />")
+          .append($('<input/>').attr('type', 'button').val('Yes').click(function() { delete_category(cat_id, true); })).append(' ')
+          .append($('<input/>').attr('type', 'button').val('No').click(function() { $('#message').empty(); modal.autosize(); }));      
+        
+        modal.autosize(p, 'message');
+        
+        return;
+      }
+      
+      modal.autosize("<p class='loading'>Deleting the category...</p>");
+      
+      $.ajax({
+        url: '/admin/categories/' + cat_id,
+        type: 'delete',
+        success: function(resp) {
+          if (resp.error) modal.autosize("<p class='note error'>" + resp.error + "</p>");
+          if (resp.redirect) window.location = resp.redirect;
+        }
+      });
     }
-  });
-}
-
-</script>
+  </script>
 <% end %>

data/app/views/caboose_store/categories/admin_index.html.erb

@@ -1,13 +1,11 @@
 <h1>Categories</h1>
-
-<div id='new_button'><a href='/admin/categories/new'><span>New Category</span></a></div>
-
-<%= raw categories_tree(@top_category) %>
+<a href='/admin/categories/new'>New Category</a>
+<%= category_list %>
 
 <% content_for :caboose_js do %>
-<script type='text/javascript'>
-$(document).ready(function() { 
-  var modal = new CabooseModal(800);
-});
-</script>
+	<script type='text/javascript'>
+		$(document).ready(function() { 
+		  var modal = new CabooseModal(800);
+		});
+	</script>
 <% end %>

data/app/views/caboose_store/categories/admin_new.html.erb

@@ -1,45 +1,62 @@
-<%
-p = @product
-%>
 <h1>New Category</h1>
 
-<form action='/admin/categories' method='post' id='new_form'>
-<select name='parent_id'>
-  <option value=''>-- Parent Category --</option>
-  <%= raw categories_options(@top_category) %>
-</select>
-<input type='hidden' name='authenticity_token' value="<%= form_authenticity_token %>" />
-<p><input type='text' name='name' value='' placeholder='Category Name' style='width: 400px;' /></p>
-<div id='message'></div>
-<p>
-<input type='button' value='< Back' onclick="window.location='/admin/categories';" />
-<input type='submit' value='Add Category' onclick='add_category(); return false' />
-</p>
+<form action="/admin/categories" method="post" id="new_form">
+	<!-- <select name="parent_id">
+	  <option value="">-- Parent Category --</option>
+	  <%=
+		#raw categories_options(@root_category)
+		%>
+	</select> -->
+		
+	<%= category_select('parent_id') %>
+	
+	<input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>" />
+	<input type="text" name="name" placeholder="Category Name" />
+	
+	<div id="message"></div>
+	
+	<input type="button" value="< Back" onclick="window.location='/admin/categories';" />
+	<input type="submit" value="Add Category" onclick="add_category(); return false" />
 </form>
 
-<% content_for :caboose_js do %>
-<%= javascript_include_tag "caboose/model/all" %>
-<script type='text/javascript'>
-
-function add_category()
-{
-  modal.autosize("<p class='loading'>Adding category...</p>");
-  $.ajax({
-    url: '/admin/categories',
-    type: 'post',
-    data: $('#new_form').serialize(),
-    success: function(resp) {
-      if (resp.error)
-        modal.autosize("<p class='note error'>" + resp.error + "</p>");
-      if (resp.redirect)
-        window.location = resp.redirect    
-    }
-  });
-}
+<% content_for :caboose_css do %>
+	<style>
+		form { width: 400px; }
+		form input[type=text], select { width: 100%; }
+		form input[type=text] {
+			box-sizing: border-box;
+			margin: 12px 0;
+			height: 42px;
+			line-height: 42px;
+		}
+		select,
+		form input[type=button],
+		form input[type=submit] { cursor: pointer; }
+	</style>
+<% end %>
 
-var modal = false;
-$(window).load(function() {
-  modal = new CabooseModal(800);
-});
-</script>
+<% content_for :caboose_js do %>
+	<%= javascript_include_tag "caboose/model/all" %>
+	
+	<script type='text/javascript'>
+		function add_category() {
+			modal.autosize("<p class='loading'>Adding category...</p>");
+			
+			$.ajax({
+				url: '/admin/categories',
+				type: 'post',
+				data: $('#new_form').serialize(),
+				success: function(resp) {
+					if (resp.error) modal.autosize("<p class='note error'>" + resp.error + "</p>");
+					if (resp.redirect) window.location = resp.redirect    
+				}
+			});
+		}
+		
+		var modal = false;
+		
+		$(window).load(function() {
+			modal = new CabooseModal(800);
+		});
+	</script>
 <% end %>

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

@@ -0,0 +1,111 @@
+<% if logged_in? %>
+	<form action="/checkout/shipping" method="post" id="address">
+		<section>
+			<fieldset id="shipping">
+				<h3>Shipping Address</h3>
+			
+				<table>
+					<div>
+						<label for="shipping-first-name">First Name:</label>
+						<input id="shipping-first-name" name="shipping[first_name]" type="text" value="<%= @order.shipping_address.first_name if @order.shipping_address %>" />
+					</div>
+				
+					<div>
+						<label for="shipping-last-name">Last Name:</label>
+						<input id="shipping-last-name" name="shipping[last_name]" type="text" value="<%= @order.shipping_address.last_name if @order.shipping_address %>" />
+					</div>
+				
+					<div>
+						<label for="shipping-company">Company:</label>
+						<input id="shipping-company" name="shipping[company]" type="text" value="<%= @order.shipping_address.company if @order.shipping_address and @order.shipping_address.company %>" />
+					</div>
+				
+					<div>
+						<label for="shipping-address1">Address 1:</label>
+						<input id="shipping-address1" name="shipping[address1]" type="text" value="<%= @order.shipping_address.address1 if @order.shipping_address %>" />
+					</div>
+				
+					<div>
+						<label for="shipping-address2">Address 2:</label>
+						<input id="shipping-address2" name="shipping[address2]" type="text" value="<%= @order.shipping_address.address2 if @order.shipping_address %>" />
+					</div>
+				
+					<div>
+						<label for="shipping-city">City:</label>
+						<input id="shipping-city" name="shipping[city]" type="text" value="<%= @order.shipping_address.city if @order.shipping_address %>" />
+					</div>
+				
+					<div>
+						<label for="shipping-state">State:</label>
+						<select id="shipping-state" name="shipping[state]">
+							<% Caboose::States.all.each do |abbr, name| %>
+								<option value="<%= abbr %>"><%= name %></option>
+							<% end %>
+						</select>
+					</div>
+				
+					<div>
+						<label for="shipping-zip">Zip:</label>
+						<input id="shipping-zip" name="shipping[zip]" type="text" value="<%= @order.shipping_address.zip if @order.shipping_address %>" />
+					</div>
+				
+					<label>Use as billing:</label>
+					<input id="use-as-billing" name="shipping[use_as_billing]" type="checkbox" checked />
+				</table>
+			</fieldset>
+		
+			<fieldset id="billing">
+				<h3>Billing Address</h3>
+			
+				<table>
+					<div>
+						<label for="billing-first-name">First Name:</label>
+						<input id="billing-first-name" name="billing[first_name]" type="text" value="<%= @order.billing_address.first_name if @order.billing_address %>" />
+					</div>
+				
+					<div>
+						<label for="billing-last-name">Last Name:</label>
+						<input id="billing-last-name" name="billing[last_name]" type="text" value="<%= @order.billing_address.last_name if @order.billing_address %>" />
+					</div>
+				
+					<div>
+						<label for="billing-company">Company:</label>
+						<input id="billing-company" name="billing[company]" type="text" value="<%= @order.billing_address.company if @order.billing_address and @order.billing_address.company %>" />
+					</div>
+				
+					<div>
+						<label for="billing-address1">Address 1:</label>
+						<input id="billing-address1" name="billing[address1]" type="text" value="<%= @order.billing_address.address1 if @order.billing_address %>" />
+					</div>
+				
+					<div>
+						<label for="billing-address2">Address 2:</label>
+						<input id="billing-address2" name="billing[address2]" type="text" value="<%= @order.billing_address.address2 if @order.billing_address %>" />
+					</div>
+				
+					<div>
+						<label for="billing-city">City:</label>
+						<input id="billing-city" name="billing[city]" type="text" value="<%= @order.billing_address.city if @order.billing_address %>" />
+					</div>
+				
+					<div>
+						<label for="">State:</label>
+						<select name="billing[state]">
+							<% Caboose::States.all.each do |abbr, name| %>
+								<option value="<%= abbr %>"><%= name %></option>
+							<% end %>
+						</select>
+					</div>
+				
+					<div>
+						<label for="">Zip:</label>
+						<input id="billing-zip" name="billing[zip]" type="text" value="<%= @order.billing_address.zip if @order.billing_address %>" />
+					</div>
+				</table>
+			</fieldset>
+		</section>
+		
+		<div id="message"></div>
+		<input type="submit" value="Continue >" />
+	</form>
+<% end %>

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

@@ -0,0 +1,47 @@
+<% if @order.discounts.any? && @order.total < @order.discounts.first.amount_current %>
+  <p style="margin: 24px 0 0">Gift Card covers purchase.</p>
+  <button onclick="window.location='/checkout/discount'" style="margin: 12px 0 0">&lt; Back</button>
+  <button onclick="window.location='/checkout/authorize-by-gift-card'" style="margin: 12px 0 0">Continue &gt;</button>
+<% else %>
+  <input id="billing-amount" type="hidden" value="<%= @order.total %>" />
+
+  <form id="billing-form" action="<%= @form_url %>" method="post" target="payment-request">
+  	<input name="billing-cc-exp" type="hidden" value="01<%= DateTime.now.year.to_s[2..4] %>" />
+	
+  	<div>
+  		<label for="billing-number">Card number:</label>
+  		<input id="billing-number" type="text" name="billing-cc-number" maxlength="16" />
+  	</div>
+	
+  	<div>
+  		<label for="billing-expiration-month">Expiration:</label>
+  		<select id="billing-expiration-month">
+  			<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 id="billing-expiration-year" name="exp_year">
+  			<% (DateTime.now.year...DateTime.now.year + 20).each do |i| %>
+  				<option value="<%= i-2000 %>"><%= i %></option>
+  			<% end %>
+  		</select>
+  	</div>
+	
+  	<input type="button" value="< Back" onclick="window.location='/checkout/discount';" />
+  	<input type="submit" value="Continue >" />
+  </form>
+
+  <p><a href="/checkout/discount"><%= if @order.discounts.any? then 'Update Gift Card' else 'Add Gift Card' end %></a></p>
+
+  <iframe style="display: none" id="payment-request" name="payment-request"></iframe>
+<% end %>

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

@@ -0,0 +1,52 @@
+<table id="cart">
+	<tr>
+		<th>Item</th>
+		<th>Quantity</th>
+		<th>Subtotal</th>
+	</tr>
+	
+	<% @order.line_items.each do |line_item| %>
+		<tr>
+			<td>
+				<%= line_item.variant.product.title %> - <%= line_item.variant.title %>
+				
+				<% line_item.customizations.each do |customization| %>
+					<p><%= "- #{customization.variant.product.custom_input}: #{customization.custom_input}"%></p>
+				<% end %>
+			</td>
+			<td align="right"><%= line_item.quantity %></td>
+			<td align="right"><%= number_to_currency(line_item.subtotal) %></td>
+		</tr>
+	<% end %>
+	
+	<tr>
+		<td colspan="2" align="right">Subtotal</td>
+		<td align="right"><%= number_to_currency(@order.subtotal) %></td>
+	</tr>
+	
+	<% if @order.tax and @order.tax > 0 %>
+		<tr>
+			<td colspan="2" align="right">Tax <span class="float: right">+</span></td>
+			<td align="right"><%= number_to_currency(@order.tax) %></td>
+		</tr>
+	<% end %>
+	
+	<% if @order.shipping and @order.handling %>
+		<tr>
+		  <td colspan="2" align="right">Shipping &amp; Handling <span class="float: right">+</span></td>
+		  <td align="right"><%= number_to_currency(@order.shipping + @order.handling) %></td>
+		</tr>
+	<% end %>
+	
+	<% if @order.discounts.any? %>
+		<tr>
+		  <td colspan="2" align="right">Gift Card <span class="float: right">-</span></td>
+		  <td align="right"><%= number_to_currency(@order.discounts.first.amount_current) %></td>
+		</tr>
+	<% end %>
+	
+	<tr>
+	  <td colspan="2" align="right">Total <span class="float: right">=</span></td>
+	  <td align="right"><%= number_to_currency(@order.total) %></td>
+	</tr>
+</table>

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

@@ -0,0 +1,40 @@
+<form id="discounts">
+  <label for="gift-card" style="margin: 0 0 12px">Gift Card Number:</label>
+  <input id="gift-card" name="gift_card_number" type="text" placeholder="<%= @order.discounts.first.code if @order.discounts.any? %>" maxlength="8" />
+  <div id="message"></div>
+  
+  <input id="back" type="button" value="< Back" onclick="window.location='/checkout/shipping'" />
+  <input id="next" type="submit" value="<%= if @order.discounts.any? then 'Update' else 'Add' end %>" />
+  <input id="skip" type="button" value="<%= if @order.discounts.any? then 'Continue >' else 'Skip >' end %>" onclick="window.location='/checkout/billing'" />
+</form>
+
+<% content_for :caboose_js do %>
+  <script>
+    $(document).ready(function() {
+      var $form = $('#discounts');
+    
+      $form.on('submit', function(event) {
+        event.preventDefault();
+        
+        $.ajax({
+          url: '/checkout/discount',
+          type: 'post',
+          data: $form.serialize(),
+          success: function(response) {
+            console.log(response);
+            
+            if (response.success) {
+              $('#next').empty().val('Update')
+              $('#skip').empty().val('Continue >');
+              $('#message').removeClass('error').addClass('success');
+            } else {
+              $('#message').removeClass('success').addClass('error');
+            }
+            
+            $('#message').empty().text(response.message);
+          }
+        });
+      });
+    });
+  </script>
+<% end %>

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

@@ -0,0 +1,10 @@
+<% @shipping_address ||= @order.shipping_address %>
+
+<address>
+	<%= "#{@shipping_address.first_name} #{@shipping_address.last_name}" %><br />
+	<%= @shipping_address.address1 %><br />
+	<%= "#{@shipping_address.address2}" if @shipping_address.address2 and not @shipping_address.address2.empty? %><br />
+	<%= "#{@shipping_address.city}, #{@shipping_address.state} #{@shipping_address.zip}" %>
+</address>
+
+<p><a href="/checkout">Edit shipping address</a></p>

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

@@ -0,0 +1,2 @@
+<div><%= @order.shipping_method %> - <%= number_to_currency(@order.shipping) %></div>
+<p><a href="/checkout/shipping">Edit shipping method</a></p>

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

@@ -0,0 +1,21 @@
+<form id="shipping-rates" action="" method="put">
+	<fieldset>
+		<% @shipping_rates.each do |rate| %>
+			<div>
+				<input id="shipping-method-<%= rate['service_code'] %>" name="shipping_method_code" type="radio" value="<%= rate['service_code'] %>" />
+				<input id="shipping-method-<%= rate['service_code'] %>-name" type="hidden" value="<%= rate['service_name'] %>" />
+				<input id="shipping-method-<%= rate['service_code'] %>-price" type="hidden" value="<%= if rate['negotiated_rate'] and rate['negotiated_rate'] > 0 then rate['negotiated_rate'] else rate['total_price'] end %>" />
+		
+				<label for="shipping-method-<%= rate['service_code'] %>">
+					<%= number_to_currency rate['total_price'].to_s.insert(-3, '.') %>
+					<%= rate['service_name'] %>
+				</label>
+			</div>
+		<% end %>
+	</fieldset>
+	
+	<div id="message"></div>
+	
+	<input type="button" value="< Back" onclick="window.location='/checkout';" />
+	<input type="submit" value="Continue >" />
+</form>