caboose-cms 0.4.151 → 0.5.1

data/app/views/caboose/orders/admin_print.html.erb

@@ -0,0 +1,72 @@
+<%
+sa = @order.shipping_address
+shipping_address = sa.address1
+shipping_address << "<br />#{sa.address2}" if sa.address2 && sa.address2.length > 0
+shipping_address << "<br />#{sa.city}, #{sa.state} #{sa.zip}"
+%>
+<p align='center'><img src='https://dmwwflw4i3miv.cloudfront.net/logo.png' /></p>
+
+<h1>Order #<%= @order.id %></h1>
+
+<table class='data'>
+<tr>
+  <th>Customer</th>
+  <th>Shipping Address</th>
+  <th>Payment Status</th>
+</tr>
+<tr>
+  <td valign='top'>
+    <%= "#{@order.customer.first_name} #{@order.customer.last_name}" %><br />
+    <a href='mailto:<%= "#{@order.customer.email}" %>'><%= "#{@order.customer.email}" %></a><br />
+    <%= @order.customer.phone %>
+  </td>
+  <td valign='top'>
+    <%= "#{@order.shipping_address.name}" %><br />
+    <%= raw shipping_address %>
+  </td>
+  <td valign='top'>
+    <%= @order.financial_status %>    
+  </td>
+</tr>
+</table><br />
+
+<table class='data' width='100%'>
+<tr>
+  <th>Item</th>
+  <th>Status</th>
+  <th>Tracking Number</th>  
+  <th>Quantity</th>
+  <th>Subtotal</th>
+</tr>
+<% @order.line_items.each do |li| %>
+  <tr>
+    <td>
+      <%= li.variant.product.title %><br />
+      <%= li.variant.sku %><br />
+      <%= li.variant.title %>
+    </td>
+    <td              ><%= li.status           %></td>
+    <td              ><%= li.tracking_number  %></td>    
+    <td align='right'><%= li.quantity         %></td>
+    <td align='right'><%= number_to_currency(li.subtotal) %></td>
+  </tr>
+<% end %>
+<tr><td colspan='4' align='right'>Subtotal  </td><td align='right'><%= number_to_currency(@order.subtotal ) %></td></tr>
+<tr><td colspan='4' align='right'>Tax       </td><td align='right'><%= number_to_currency(@order.tax      ) %></td></tr>
+<tr><td colspan='4' align='right'><%= @order.shipping_method %> Shipping  </td><td align='right'><%= number_to_currency(@order.shipping ) %></td></tr>
+<tr><td colspan='4' align='right'>Handling  </td><td align='right'><%= number_to_currency(@order.handling ) %></td></tr>
+<tr><td colspan='4' align='right'>Discount  </td><td align='right'><%= number_to_currency(@order.discount ) %></td></tr>
+<tr><td colspan='4' align='right'>Total     </td><td align='right'><%= number_to_currency(@order.total    ) %></td></tr>
+</table>
+
+<% content_for :caboose_js do %>
+<%= javascript_include_tag 'caboose/model/all' %>
+<script type='text/javascript'>
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal('100%');
+});
+
+</script>
+<% end %>

data/app/views/caboose/orders_mailer/customer_new_order.html.erb

@@ -0,0 +1 @@
+<h1>Thank you for your order!</h1>

data/app/views/caboose/orders_mailer/customer_status_updated.html.erb

@@ -0,0 +1 @@
+<h1>Your order has been udpated</h1>

data/app/views/caboose/orders_mailer/fulfillment_new_order.html.erb

@@ -0,0 +1 @@
+<h1>New Order Received</h1>

data/app/views/caboose/orders_mailer/shipping_order_ready.html.erb

@@ -0,0 +1 @@
+<h1>Order is ready for shipping</h1>

data/app/views/caboose/products/_admin_footer.html.erb

@@ -0,0 +1,2 @@
+<br style='clear: left; line-height: 0;' />
+</div><!-- modal_content2 -->

data/app/views/caboose/products/_admin_header.html.erb

@@ -0,0 +1,32 @@
+<% content_for :caboose_css do %>
+<%= stylesheet_link_tag "caboose/admin_products" %>
+<% end %>
+<% content_for :caboose_js do %>
+<%= javascript_include_tag "caboose/model/all" %>
+<%= javascript_include_tag "caboose/admin_products" %>
+<% end %>
+
+<h1>Edit Product - <%= @product.title %></h1>
+<ul id='modal_tabs'>
+<%
+tabs = {
+  "/admin/products/#{@product.id}/general"      => 'Product details',
+  "/admin/products/#{@product.id}/description"  => 'Long Description',
+  "/admin/products/#{@product.id}/categories"   => 'Categories'
+}
+
+tabs["/admin/products/#{@product.id}/options"             ] = 'Options <span style="font-size: 65%">(size, color, style, etc.)</span>' if @product.options && @product.options.count > 0
+tabs["/admin/products/#{@product.id}/variants/sort-order" ] = 'Sort Option Values' if @product.options && @product.options.count > 0
+tabs["/admin/products/#{@product.id}/variants"            ] = 'Inventory & Variants'
+tabs["/admin/products/#{@product.id}/images"              ] = 'Images'
+tabs["/admin/products/#{@product.id}/delete"              ] = 'Delete Product'
+
+#tabs["/admin/products/#{@product.id}/seo"          ] = 'SEO'
+
+%>
+<% tabs.each do |href,text| %>
+<li<%= raw request.fullpath == href ? " class='selected'" : '' %>><a href='<%= href %>'><%= raw text %></a></li>
+<% end %>
+<li class='back'><input type='button' value='< Back' onclick="window.location='/admin/products';" /></li>
+</ul>
+<div id='modal_content2'>

data/app/views/caboose/products/_sort_options.html.erb

@@ -0,0 +1,19 @@
+<label>
+  <span for="product-sort">Sort by:</span>
+  
+  <select id="product-sort" style="margin: 0 !important">
+    <% @sort_options.each do |sort_option| %>
+      <option value="<%= sort_option[:value] %>" <%= 'selected' if params[:sort] == sort_option[:value] %>><%= sort_option[:name] %></option>
+    <% end %>
+  </select>
+</label>
+
+<% content_for :caboose_js do %>
+  <script>
+    $(document).ready(function() {
+      $('#product-sort').on('change', function(event) {
+        window.location = '/products?sort=' + $(this).val();
+      });
+    });
+  </script>
+<% end %>

data/app/views/caboose/products/admin_add_upcs.html.erb

@@ -0,0 +1,58 @@
+<h1>Unmatched Products</h1>
+
+<p style="margin: 0 0 6px"><a href="/admin/products">All Products</a></p>
+
+<br />
+<form method="get" action="/admin/products/add-upcs">
+	<select name="vendor_id">
+		<option value="">Choose Vendor</option>
+		
+		<% Caboose::Vendor.all.each do |vendor| %>
+			<option value="<%= vendor.id %>"
+				<%= 'selected' if params[:vendor_id] and params[:vendor_id].to_i == vendor.id %>
+			><%= vendor.name %></option>
+		<% end %>
+	</select>
+	
+	<input type="submit" value="Filter">
+</form><br />
+
+<% content_for :caboose_js do %>
+	<script>
+		$(document).ready(function() {
+			$('form').one('submit', function(event) {
+				event.preventDefault();
+				
+				// Prevent the form from being submitted by button click
+				$('form input[type=submit]').attr('disabled', true);
+				
+				// If the vendor id has a value send it through; otherwise reload the page
+				if ($('form select').val() != "") {
+					$('form').submit();
+				} else {
+					window.location.href = '/admin/products/add-upcs';
+				}
+			});
+		});
+	</script>
+<% end %>
+
+<% if @products.count > 0 %>
+	<table class='data' id='properties_table'>
+		<tr>
+			<th>ID</th>
+			<th>Title</th>
+			<th>Vendor</th>
+		</tr>
+		
+		<% @products.each do |product| %>
+			<tr onclick="window.location='/admin/products/<%= product.id %>/general';">
+				<td><%= raw product.id %></td>
+				<td><%= raw product.title %></td>
+				<td><%= raw product.vendor.nil? ? 'Unknown' : product.vendor.name %></td>
+			</tr>
+		<% end %>
+	</table>
+<% else %>
+  <p>There are no products right now.</p>
+<% end %>

data/app/views/caboose/products/admin_delete_form.html.erb

@@ -0,0 +1,21 @@
+<%
+p = @product
+%>
+<%= render :partial => 'caboose/products/admin_header' %>
+
+<div id='message'>
+<p><input type='button' value='Delete this product' onclick='delete_product(<%= p.id %>);' /></p>
+</div>
+
+<%= render :partial => 'caboose/products/admin_footer' %>
+
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+</script>
+<% end %>

data/app/views/caboose/products/admin_edit_categories.html.erb

@@ -0,0 +1,73 @@
+<%
+p = @product
+%>
+<%= render :partial => 'caboose/products/admin_header' %>
+
+<div id='categories'>
+<table>
+  <tr>
+    <% @top_categories.each do |cat| %>
+      <% next if cat.children && cat.children.count > 0 %>
+      <td valign='top'><%= raw category_checkboxes([cat], @selected_ids) %></td>
+    <% end %>
+  </tr>
+  <tr>
+    <% @top_categories.each do |cat| %>
+      <% next if cat.children.nil? || cat.children.count == 0 %>
+      <td valign='top'><%= raw category_checkboxes([cat], @selected_ids) %></td>
+    <% end %>
+  </tr>
+</table>
+</div>
+
+<%= render :partial => 'caboose/products/admin_footer' %>
+
+<% content_for :caboose_css do %>
+<style type='text/css'>
+#categories input[type='checkbox'] { position: relative; }
+#categories ul { list-style: none; margin: 0; padding: 0; }
+#categories ul ul ul { margin-left: 20px; }
+#categories li { list-style: none; }
+#categories h3 { margin: 0; padding: 0; font-weight: bold; display: inline; }
+#categories td { padding: 10px; }
+</style>
+<% end %>
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  $('#categories input').click(function() {
+    var cat_id = $(this).attr('id').split('_')[1];
+    if ($(this).is(':checked'))
+      add_product_to_category(<%= p.id %>, cat_id);
+    else
+      remove_product_from_category(<%= p.id %>, cat_id);        
+  });  
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+function add_product_to_category(product_id, cat_id)
+{
+  $.ajax({
+    url: '/admin/products/' + product_id + '/categories',
+    type: 'post',
+    data: { category_id: cat_id },
+    success: function(resp) {}
+  });
+}
+
+function remove_product_from_category(product_id, cat_id)
+{
+  $.ajax({
+    url: '/admin/products/' + product_id + '/categories/' + cat_id,
+    type: 'delete',
+    success: function(resp) {}
+  });
+}
+
+</script>
+<% end %>

data/app/views/caboose/products/admin_edit_category_images.html.erb

@@ -0,0 +1,233 @@
+<%
+p = @product    
+%>
+<%= render :partial => 'caboose/products/admin_header' %>
+
+<form action='/admin/products/<%= p.id %>/images' method='post' enctype='multipart/form-data' id='new_image_form' target='new_image_iframe'>
+<input type='hidden' name='authenticity_token' value="<%= form_authenticity_token %>" />
+<p><input type='file' name='new_image' id='new_image' />
+<input type='submit' value='Add Image' onclick='add_image();' /></p>
+</form>
+<div id='new_image_message'></div>
+<iframe id='new_image_iframe' name='new_image_iframe' style='display: none;'></iframe>
+<div id='message'></div>
+
+<div id='images'>
+  <% if p.product_images.count > 0 %>
+    <% p.product_images.each do |img| %>
+      <% 
+      #url = "https://s3.amazonaws.com/tuskwear/products/#{img.product_id}_#{img.id}_tiny.jpg" 
+      url = img.image.url(:tiny)
+      %>
+      <div id='img_<%= img.id %>_container'><a href="javascript:select_image(<%= img.id %>);"><img src='<%= url %>' width='75' /></a></div> 
+    <% end %>
+  <% else %>
+    <p>This product doesn't have any images yet.</p>
+  <% end %>
+</div>
+<div id='variants'></div>
+
+<%= render :partial => 'caboose/products/admin_footer' %>
+
+<% content_for :caboose_css do %>
+<style type='text/css'>
+#variants input[type='checkbox'] { position: relative; margin: 0; padding: 0; }
+#variants table td { border: 0; font-size: 85%; margin: 0; padding: 0px 8px; }
+#variants label { padding: 0; }
+#images div { display: inline-block; }
+#images div img { border: #000 4px solid; }
+#images div.selected img { border: #ff3333 4px solid; }
+</style>
+<% end %>
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+var modal = false;
+$(window).load(function() {
+  modal.autosize();
+});
+
+$(document).ready(function() {
+  modal = new CabooseModal(900);
+  <% if p.product_images.count > 0 %>
+  select_image(<%= p.product_images[0].id %>);
+  <% end %>
+});
+
+variants = false;
+image_variant_ids = {};
+
+function variant_option_value(variant_id, option_index)
+{
+  var val = false; 
+  $.each(variants, function(i, v) {
+    if (v.id == variant_id)
+    {
+      if (option_index == 1) val = v.option1;
+      if (option_index == 2) val = v.option2;
+      if (option_index == 3) val = v.option3;
+      return;
+    }
+  });
+  return val;
+}
+  
+function select_image(image_id, confirm)
+{
+  if (!variants)
+  {
+    modal.autosize("<p class='loading'>Getting attached product variants...</p>", 'variants');
+    $.ajax({
+      url: '/admin/products/<%= p.id %>/variants/json',
+      success: function(resp) { variants = resp; select_image(image_id); }
+    });
+    return;
+  }
+  if (!confirm)
+  {
+    $.ajax({
+      url: '/admin/product-images/' + image_id + '/variant-ids',
+      success: function(resp) { image_variant_ids = resp; select_image(image_id, true); }
+    });
+    return;
+  }
+  
+  $('#images div').removeClass('selected');
+  $('#img_' + image_id + '_container').addClass('selected');
+
+  var x = Math.ceil(variants.length/3);
+  var tbl1 = variants_subtable(image_id, 0, x);
+  var tbl2 = variants_subtable(image_id, x, x*2);
+  var tbl3 = variants_subtable(image_id, x*2, variants.length);
+  
+  var tr = $('<tr/>');
+  tr.append($('<td/>').attr('valign','top').append(tbl1));
+  tr.append($('<td/>').attr('valign','top').append(tbl2));
+  tr.append($('<td/>').attr('valign','top').append(tbl3)); 
+  var tbl = $('<table/>').append($('<tbody/>').append(tr));
+  
+  $('#variants').empty().append('<br/>');
+  $('#variants').append($('<div/>').attr('id','delete_message'));
+  $('#variants').append($('<input/>').attr('type','button').val('Delete Image').click(function() { delete_image(image_id); }));  
+  $('#variants').append(tbl);
+  modal.autosize();
+}
+
+function variants_subtable(image_id, x, y)
+{
+  var tbody = $('<tbody/>');
+  for (var i=x; i<y; i++)
+  {
+    var v = variants[i];  
+    checked = image_is_attached_to_variant(v.id);
+    
+    //var a = $('<a/>')
+    //  .attr('href', '#')
+    //  .attr('id', 'v_' + v.id)
+    //  .html(variant_title(v))
+    //  .click(function(e) {
+    //    e.preventDefault();
+    //    variant_id = $(this).attr('id').split('_')[1];
+    //    var attach = false;
+    //    if ($(this).hasClass('selected')) { attach = false; $(this).removeClass('selected'); }
+    //    else                              { attch = true;   $(this).addClass('selected');    }          
+    //    attach_image_to_variant(image_id, variant_id, attach); 
+    //  });
+    //tbody.append($('<tr/>').append($('<td/>').append(a)));
+        
+    tbody.append($('<tr/>')
+      .append($('<td/>')
+        .append($('<input/>')
+          .attr('type','checkbox')
+          .attr('id', 'v_' + v.id)
+          .attr('checked', checked)
+          .css('position','relative')     
+          .val('1')
+          .click(function() {
+            variant_id = $(this).attr('id').split('_')[1];
+            attach_image_to_variant(image_id, variant_id, $(this).is(':checked')); 
+          })
+        )        
+      )
+      .append($('<td/>').append($('<label/>').attr('for','v_' + v.id).html(variant_title(v))))
+    );
+  }
+  return $('<table/>').append(tbody);
+}
+
+function image_is_attached_to_variant(variant_id)
+{
+  has_value = false;
+  $.each(image_variant_ids, function(i, vid) { if (vid == variant_id) { has_value = true; return; }});
+  return has_value;
+}    
+
+function variant_title(v)
+{
+  arr = [];
+  if (v.option1) arr[arr.length] = v.option1;
+  if (v.option2) arr[arr.length] = v.option2;
+  if (v.option3) arr[arr.length] = v.option3;
+  return arr.join(' / ');
+}
+
+function attach_image_to_variant(image_id, variant_id, attach = true)
+{
+  if (attach)
+    image_variant_ids[image_variant_ids.length] = variant_id;
+  else
+  {
+    var i = image_variant_ids.indexOf(variant_id);
+    image_variant_ids.splice(i, 1);
+  }  
+  $.ajax({
+    url: '/admin/variants/' + variant_id + '/' + (attach ? 'attach-to-image' : 'unattach-from-image'),
+    type: 'put',
+    data: { product_image_id: image_id },
+    success: function(resp) {}
+  });
+}
+
+function add_image()
+{
+  $('#new_image_message').html("<p class='loading'>Adding image...</p>");
+  modal.autosize();
+}
+
+function delete_image(image_id, confirm)
+{
+  if (!confirm)
+  {
+    var p = $('<p/>').addClass('note error').css('margin-bottom', '10px')
+      .append("Are you sure you want to delete the image?<br />This can't be undone.<br /><br />")
+      .append($('<input/>').attr('type', 'button').val('Yes').click(function() { delete_image(image_id, true); })).append(' ')
+      .append($('<input/>').attr('type', 'button').val('No').click(function() { $('#delete_message').empty(); modal.autosize(); }));      
+    modal.autosize(p, 'delete_message');
+    return;
+  }
+  modal.autosize("<p class='loading'>Deleting the image...</p>", 'delete_message');
+  $.ajax({
+    url: '/admin/product-images/' + image_id,
+    type: 'delete',
+    success: function(resp) {
+      if (resp.error)
+        modal.autosize("<p class='note error'>" + resp.error + "</p>", 'delete_message');
+      else
+        window.location.reload(true);
+    }
+  });
+}
+
+function array_unique(a)
+{
+  b = [];
+  $.each(a, function(i, x) {
+    var e = false;
+    $.each(b, function(j, y) { if (x == y) { e = true; return; }});
+    if (!e) b[b.length] = x;  
+  });
+  return b;
+}
+
+</script>
+<% end %>