caboose-store 0.0.10 → 0.0.11

data/app/views/caboose_store/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>
+		
+		<% CabooseStore::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_store/products/admin_edit_categories.html.erb

@@ -28,7 +28,7 @@ p = @product
 #categories ul { list-style: none; margin: 0; padding: 0; }
 #categories ul ul ul { margin-left: 20px; }
 #categories li { list-style: none; }
-#categories h2 { margin: 0; padding: 0; font-weight: normal; }
+#categories h3 { margin: 0; padding: 0; font-weight: bold; display: inline; }
 #categories td { padding: 10px; }
 </style>
 <% end %>

data/app/views/caboose_store/products/admin_edit_description.html.erb

@@ -33,9 +33,6 @@ $(window).load(function() {
 });
 
 </script>
-<%= tinymce_assets %>
-<%= tinymce :caboose, 
-  'width'   => '575px', 
-  'height'  => '240px'
-%>
+<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
+<%= tinymce :caboose, :width => '575px', :height => '240px' %>
 <% end %>

data/app/views/caboose_store/products/admin_edit_general.html.erb

@@ -3,8 +3,34 @@ p = @product
 %>
 <%= render :partial => 'caboose_store/products/admin_header' %>
 
+<p>
+  <strong>Vendor:</strong>
+  
+  <select id="vendor" data-product-id="<%= @product.id %>">
+    <option>-- Select a Vendor --</option>
+    
+    <% CabooseStore::Vendor.all.each do |vendor| %>
+      <option value="<%= vendor.id %>" <%= 'selected' if p.vendor_id && p.vendor_id == vendor.id %>><%= vendor.name%></option>
+    <% end %>
+  </select>
+</p>
+
+
+<% if p.vendor %>
+	<p>
+		<strong>Vendor Status (<%= p.vendor.name %>):</strong>
+		<select id="vendor-status" data-vendor-id="<%= p.vendor.id %>">
+			<% ['Active', 'Inactive'].each do |status| %>
+				<option value="<%= status %>" <%= 'selected' if p.vendor.status == status %>><%= status %></option>
+			<% end %>
+		</select>
+	</p>
+<% end %>
+
 <p><div id='product_<%= p.id %>_title'></div></p>
+<p><div id='product_<%= p.id %>_caption'></div></p>
 <p><div id='product_<%= p.id %>_handle'></div></p>
+<p><div id='product_<%= p.id %>_featured'></div></p>
 <p><div id='product_<%= p.id %>_seo_title'></div></p>
 <p><div id='product_<%= p.id %>_seo_description'></div></p>
 <p><div id='product_<%= p.id %>_status'></div></p>
@@ -21,6 +47,35 @@ p = @product
 date_available = p.date_available ? p.date_available.strftime('%F') : ''
 %>
 $(document).ready(function() {
+  $('#vendor').on('change', function(event) {
+    event.preventDefault();
+    
+    var $target    = $(event.target)
+      , vendor_id  = $target.val()
+      , product_id = $target.data('product-id');
+    
+    console.log(vendor_id, product_id);
+    
+    $.ajax({
+      type: 'put',
+      url: '/admin/products/' + product_id + '/update-vendor',
+      data: { vendor_id: vendor_id },
+      success: function(response) {
+        console.log(response);
+      }
+    })
+  });
+  
+	$('#vendor-status').on('change', function(e) {
+		$select = $(e.target)
+		
+		$.ajax({
+			type: 'put',
+			url: '/admin/products/update-vendor-status/' + $select.data('vendor-id'),
+			data: { status: $select.val() }
+		});
+	});
+	
   m = new ModelBinder({
     name: 'Product',
     id: <%= p.id %>,
@@ -28,12 +83,14 @@ $(document).ready(function() {
     authenticity_token: '<%= form_authenticity_token %>',
     attributes: [
       { name: 'title'           , nice_name: 'Title'                , type: 'text'      , value: <%= raw Caboose.json(p.title           ) %>, width: 500 },
+      { name: 'caption'         , nice_name: 'Caption'              , type: 'text'      , value: <%= raw Caboose.json(p.caption         ) %>, width: 500 },
       { name: 'status'          , nice_name: 'Status'               , type: 'select'    , value: <%= raw Caboose.json(p.status          ) %>, width: 500, text: <%= raw Caboose.json(p.status) %>, options_url: '/admin/products/status-options' },
       { name: 'handle'          , nice_name: 'URL Handle'           , type: 'text'      , value: <%= raw Caboose.json(p.handle          ) %>, width: 500 },
       { name: 'seo_title'       , nice_name: 'SEO Page Title'       , type: 'text'      , value: <%= raw Caboose.json(p.seo_title       ) %>, width: 500 },
       { name: 'seo_description' , nice_name: 'SEO Meta Description' , type: 'textarea'  , value: <%= raw Caboose.json(p.seo_description ) %>, width: 500, height: 150 },
       { name: 'alternate_id'    , nice_name: 'Alternate ID'         , type: 'text'      , value: <%= raw Caboose.json(p.alternate_id    ) %>, width: 500 },
-      { name: 'date_available'  , nice_name: 'Date Available'       , type: 'text'      , value: <%= raw Caboose.json(date_available    ) %>, width: 500 }
+      { name: 'date_available'  , nice_name: 'Date Available'       , type: 'text'      , value: <%= raw Caboose.json(date_available    ) %>, width: 500 },
+      { name: 'featured'        , nice_name: 'Featured'             , type: 'checkbox'  , value: <%= raw Caboose.json(p.featured        ) %>, width: 500 }
     ]
   });
 });

data/app/views/caboose_store/products/admin_edit_images.html.erb

@@ -172,8 +172,10 @@ function variant_title(v)
   return arr.join(' / ');
 }
 
-function attach_image_to_variant(image_id, variant_id, attach = true)
+function attach_image_to_variant(image_id, variant_id, attach)
 {
+	attach = attach || true;
+	
   if (attach)
     image_variant_ids[image_variant_ids.length] = variant_id;
   else

data/app/views/caboose_store/products/admin_edit_variants.html.erb

@@ -1,8 +1,20 @@
+<% content_for :caboose_css do %>
+	<style>
+		ul {
+			list-style-type: square;
+			padding: 0 0 0 24px;
+			margin: 12px 0 24px;
+		}
+	</style>
+<% end %>
+
 <%
 p = @product
 v = @variant    
 %>
+
 <%= render :partial => 'caboose_store/products/admin_header' %>
+
 <p style='font-size: 75%;'><a href='/admin/products/<%= p.id %>/variant-cols'>Edit visible columns</a></p>
 
 <div id='message'></div>
@@ -15,7 +27,6 @@ v = @variant
   <% if @cols['option3'           ] && p.option3 %><th valign='bottom'><%= p.option3    %></th><% end %>
   <% if @cols['status'            ] == true      %><th valign='bottom'>Status             </th><% end %>
   <% if @cols['alternate_id'      ] == true      %><th valign='bottom'>Alternate ID       </th><% end %>
-  <% if @cols['sku'               ] == true      %><th valign='bottom'>SKU                </th><% end %>
   <% if @cols['barcode'           ] == true      %><th valign='bottom'>Barcode            </th><% end %>
   <% if @cols['price'             ] == true      %><th valign='bottom'>Price              </th><% end %>
   <% if @cols['quantity_in_stock' ] == true      %><th valign='bottom'>Quantity           </th><% end %>
@@ -30,6 +41,7 @@ v = @variant
   <th>&nbsp;</th>
   <th>&nbsp;</th>
 </tr>
+<% Caboose.log p.variants.where(:status => ['Active', 'Inactive']).first %>
 <% p.variants.where(:status => ['Active', 'Inactive']).each do |v| %>
 <tr>
   <% if @cols['option1'           ] && p.option1 %><td><div id='variant_<%= v.id %>_option1'           ></div></td><% end %>
@@ -37,7 +49,6 @@ v = @variant
   <% if @cols['option3'           ] && p.option3 %><td><div id='variant_<%= v.id %>_option3'           ></div></td><% end %>
   <% if @cols['status'            ] == true      %><td><div id='variant_<%= v.id %>_status'            ></div></td><% end %>
   <% if @cols['alternate_id'      ] == true      %><td><div id='variant_<%= v.id %>_alternate_id'      ></div></td><% end %>
-  <% if @cols['sku'               ] == true      %><td><div id='variant_<%= v.id %>_sku'               ></div></td><% end %>                         
   <% if @cols['barcode'           ] == true      %><td><div id='variant_<%= v.id %>_barcode'           ></div></td><% end %> 
   <% if @cols['price'             ] == true      %><td><div id='variant_<%= v.id %>_price'             ></div></td><% end %> 
   <% if @cols['quantity_in_stock' ] == true      %><td><div id='variant_<%= v.id %>_quantity_in_stock' ></div></td><% end %> 

data/app/views/caboose_store/products/admin_edit_variants_single.html.erb

@@ -41,20 +41,20 @@ $(document).ready(function() {
     update_url: '/admin/variants/<%= v.id %>',
     authenticity_token: '<%= form_authenticity_token %>',
     attributes: [
-      { name: 'status'                    , nice_name: 'Status'                           , type: 'select'   , align: 'right' , value: <%= raw Caboose.json(v.status              ) %>, text: <%= raw Caboose.json(v.status) %>, width: 250, options_url: '/admin/variants/status-options' },
-      { name: 'alternate_id'              , nice_name: 'Alternate ID'                     , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.alternate_id        ) %>, width: 250 },
-      { name: 'sku'                       , nice_name: 'SKU'                              , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.sku                 ) %>, width: 250 },                         
-      { name: 'barcode'                   , nice_name: 'Barcode'                          , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.barcode             ) %>, width: 250 }, 
-      { name: 'price'                     , nice_name: 'Price'                            , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.price               ) %>, width: 250 }, 
-      { name: 'quantity_in_stock'         , nice_name: 'Quantity'                         , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.quantity_in_stock   ) %>, width: 250 }, 
-      { name: 'weight'                    , nice_name: 'Weight (grams)'                   , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.weight              ) %>, width: 250 }, 
-      { name: 'length'                    , nice_name: 'Length (in)'                      , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.length              ) %>, width: 250 }, 
-      { name: 'width'                     , nice_name: 'Width (in)'                       , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.width               ) %>, width: 250 }, 
-      { name: 'height'                    , nice_name: 'Height (in)'                      , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.height              ) %>, width: 250 }, 
-      { name: 'cylinder'                  , nice_name: 'Cylinder'                         , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.cylinder            ) %>, width: 250 }, 
-      { name: 'requires_shipping'         , nice_name: 'Requires shipping'                , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.requires_shipping   ) %>, width: 250 }, 
-      { name: 'taxable'                   , nice_name: 'Taxable'                          , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.taxable             ) %>, width: 250 },
-      { name: 'allow_backorder'           , nice_name: 'Allow backorder'                  , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.allow_backorder     ) %>, width: 250 }             
+      { name: 'status'                    , nice_name: 'Status'                           , type: 'select'   , align: 'right' , value: <%= raw Caboose.json(v.status                     ) %>, text: <%= raw Caboose.json(v.status) %>, width: 250, options_url: '/admin/variants/status-options' },
+      { name: 'alternate_id'              , nice_name: 'Alternate ID'                     , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.alternate_id               ) %>, width: 250 },
+      { name: 'sku'                       , nice_name: 'SKU'                              , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.sku                        ) %>, width: 250 },                         
+      { name: 'barcode'                   , nice_name: 'Barcode'                          , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.barcode                    ) %>, width: 250 }, 
+      { name: 'price'                     , nice_name: 'Price'                            , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(sprintf("%.2f", v.price || 0 ) ) %>, width: 250 }, 
+      { name: 'quantity_in_stock'         , nice_name: 'Quantity'                         , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.quantity_in_stock          ) %>, width: 250 }, 
+      { name: 'weight'                    , nice_name: 'Weight (grams)'                   , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.weight                     ) %>, width: 250 }, 
+      { name: 'length'                    , nice_name: 'Length (in)'                      , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.length                     ) %>, width: 250 }, 
+      { name: 'width'                     , nice_name: 'Width (in)'                       , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.width                      ) %>, width: 250 }, 
+      { name: 'height'                    , nice_name: 'Height (in)'                      , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.height                     ) %>, width: 250 }, 
+      { name: 'cylinder'                  , nice_name: 'Cylinder'                         , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.cylinder                   ) %>, width: 250 }, 
+      { name: 'requires_shipping'         , nice_name: 'Requires shipping'                , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.requires_shipping          ) %>, width: 250 }, 
+      { name: 'taxable'                   , nice_name: 'Taxable'                          , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.taxable                    ) %>, width: 250 },
+      { name: 'allow_backorder'           , nice_name: 'Allow backorder'                  , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.allow_backorder            ) %>, width: 250 }             
     ]
   });
 });