caboose-store 0.0.2

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

@@ -0,0 +1,51 @@
+<%
+p = @product
+has_options = p.options && p.options.count > 0
+may_delete1 = p.variants.collect{|v| v.option1 }.uniq.count == 1
+may_delete2 = p.variants.collect{|v| v.option2 }.uniq.count == 1
+may_delete3 = p.variants.collect{|v| v.option3 }.uniq.count == 1
+%>
+<%= render :partial => 'caboose_store/products/admin_header' %>
+
+<p class='note' style='font-size: 85%; font-weight: normal; line-height: 140%;'>Product options allow you to present a group of similar products as a single 
+product to the end user.  Common options include color, size, and style.  
+But an option can be anything.  So for example, you could create a "Sleave" option for 
+shirts that are either long or short sleeved.  Or you could create a "Tip" option 
+for chopsticks that are either rounded or squared at the tip.  It's up to you.</p>
+
+<table>
+<tr><td><div id='product_<%= p.id %>_option1'></div></td><td><div id='product_<%= p.id %>_default1'></div></td></tr>
+<tr><td><div id='product_<%= p.id %>_option2'></div></td><td><div id='product_<%= p.id %>_default2'></div></td></tr>
+<tr><td><div id='product_<%= p.id %>_option3'></div></td><td><div id='product_<%= p.id %>_default3'></div></td></tr>
+</table>
+
+<div id='message'></div>
+
+<%= render :partial => 'caboose_store/products/admin_footer' %>
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+$(document).ready(function() {
+  m = new ModelBinder({
+    name: 'Product',
+    id: <%= p.id %>,
+    update_url: '/admin/products/<%= p.id %>',
+    authenticity_token: '<%= form_authenticity_token %>',
+    attributes: [
+      { name: 'option1'  , nice_name: 'Option 1'      , type: 'text', value: <%= raw Caboose.json(p.option1)  %>, width: 250, fixed_placeholder: true },                         
+      { name: 'option2'  , nice_name: 'Option 2'      , type: 'text', value: <%= raw Caboose.json(p.option2)  %>, width: 250, fixed_placeholder: true }, 
+      { name: 'option3'  , nice_name: 'Option 3'      , type: 'text', value: <%= raw Caboose.json(p.option3)  %>, width: 250, fixed_placeholder: true },
+      { name: 'default1' , nice_name: 'Default value' , type: 'text', value: <%= raw Caboose.json(p.default1) %>, width: 285, fixed_placeholder: true },                         
+      { name: 'default2' , nice_name: 'Default value' , type: 'text', value: <%= raw Caboose.json(p.default2) %>, width: 285, fixed_placeholder: true }, 
+      { name: 'default3' , nice_name: 'Default value' , type: 'text', value: <%= raw Caboose.json(p.default3) %>, width: 285, fixed_placeholder: true } 
+    ]
+  });
+});
+
+</script>
+<% end %>

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

@@ -0,0 +1,37 @@
+<%
+p = @product
+%>
+<%= render :partial => 'caboose_store/products/admin_header' %>
+
+<p><div id='product_<%= p.id %>_handle'></div></p>
+<p><div id='product_<%= p.id %>_seo_title'></div></p>
+<p><div id='product_<%= p.id %>_seo_description'></div></p>
+
+<div id='message'><%= raw flash[:message] ? flash[:message] : "" %></div>
+              
+<%= render :partial => 'caboose_store/products/admin_footer' %>
+
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  m = new ModelBinder({
+    name: 'Product',
+    id: <%= p.id %>,
+    update_url: '/admin/products/<%= p.id %>',
+    authenticity_token: '<%= form_authenticity_token %>',
+    attributes: [
+      { 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: 200 }                    
+    ]
+  });
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+</script>
+<% end %>

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

@@ -0,0 +1,75 @@
+<%
+p = @product    
+%>
+<%= render :partial => 'caboose_store/products/admin_header' %>
+
+<p class='note'>Check which columns you want to show in the list of variants.</p>
+<table>
+  <tr>
+    <td valign='top'>
+<div id='variantcol_1_option1'           ></div>
+<div id='variantcol_1_option2'           ></div>
+<div id='variantcol_1_option3'           ></div>
+    </td><td valign='top'>
+<div id='variantcol_1_status'            ></div>
+<div id='variantcol_1_sku'               ></div>          
+<div id='variantcol_1_barcode'           ></div>
+<div id='variantcol_1_price'             ></div>
+<div id='variantcol_1_quantity_in_stock' ></div>
+    </td><td valign='top'>
+<div id='variantcol_1_weight'            ></div>
+<div id='variantcol_1_length'            ></div>
+<div id='variantcol_1_width'             ></div>
+<div id='variantcol_1_height'            ></div>
+<div id='variantcol_1_cylinder'          ></div>
+    </td><td valign='top'>
+<div id='variantcol_1_requires_shipping' ></div>
+<div id='variantcol_1_allow_backorder'   ></div>
+<div id='variantcol_1_taxable'           ></div>
+    </td>
+  </tr>
+</table>
+<div id='message'></div>
+<p><input type='button' value='< Back' onclick="window.location='/admin/products/<%= p.id %>/variants';" /></p>
+
+<%= render :partial => 'caboose_store/products/admin_footer' %>
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  <% p.variants.each do |v| %>
+  new ModelBinder({
+    name: 'VariantCol',
+    id: 1,
+    update_url: '/admin/products/<%= p.id %>/variant-cols',
+    authenticity_token: '<%= form_authenticity_token %>',
+    attributes: [
+      <% if p.option1 %>{ name: 'option1' , nice_name: <%= raw Caboose.json(p.option1) %> , type: 'checkbox', align: 'right', value: <%= @cols['option1'          ] == true ? true : false %>, width: 150 },<% end %>
+      <% if p.option2 %>{ name: 'option2' , nice_name: <%= raw Caboose.json(p.option2) %> , type: 'checkbox', align: 'right', value: <%= @cols['option1'          ] == true ? true : false %>, width: 150 },<% end %>
+      <% if p.option3 %>{ name: 'option3' , nice_name: <%= raw Caboose.json(p.option3) %> , type: 'checkbox', align: 'right', value: <%= @cols['option1'          ] == true ? true : false %>, width: 150 },<% end %>
+      { name: 'status'                    , nice_name: 'Status'                           , type: 'checkbox', align: 'right', value: <%= @cols['status'           ] == true ? true : false %>, width: 150 },
+      { name: 'sku'                       , nice_name: 'SKU'                              , type: 'checkbox', align: 'right', value: <%= @cols['sku'              ] == true ? true : false %>, width: 150 },                         
+      { name: 'barcode'                   , nice_name: 'Barcode'                          , type: 'checkbox', align: 'right', value: <%= @cols['barcode'          ] == true ? true : false %>, width: 150 }, 
+      { name: 'price'                     , nice_name: 'Price'                            , type: 'checkbox', align: 'right', value: <%= @cols['price'            ] == true ? true : false %>, width: 150 }, 
+      { name: 'quantity_in_stock'         , nice_name: 'Quantity'                         , type: 'checkbox', align: 'right', value: <%= @cols['quantity_in_stock'] == true ? true : false %>, width: 150 }, 
+      { name: 'weight'                    , nice_name: 'Weight (grams)'                   , type: 'checkbox', align: 'right', value: <%= @cols['weight'           ] == true ? true : false %>, width: 175 }, 
+      { name: 'length'                    , nice_name: 'Length (in)'                      , type: 'checkbox', align: 'right', value: <%= @cols['length'           ] == true ? true : false %>, width: 175 }, 
+      { name: 'width'                     , nice_name: 'Width (in)'                       , type: 'checkbox', align: 'right', value: <%= @cols['width'            ] == true ? true : false %>, width: 175 }, 
+      { name: 'height'                    , nice_name: 'Height (in)'                      , type: 'checkbox', align: 'right', value: <%= @cols['height'           ] == true ? true : false %>, width: 175 }, 
+      { name: 'cylinder'                  , nice_name: 'Cylinder'                         , type: 'checkbox', align: 'right', value: <%= @cols['cylinder'         ] == true ? true : false %>, width: 175 }, 
+      { name: 'requires_shipping'         , nice_name: 'Requires shipping'                , type: 'checkbox', align: 'right', value: <%= @cols['requires_shipping'] == true ? true : false %>, width: 200 }, 
+      { name: 'taxable'                   , nice_name: 'Taxable'                          , type: 'checkbox', align: 'right', value: <%= @cols['taxable'          ] == true ? true : false %>, width: 200 },
+      { name: 'allow_backorder'           , nice_name: 'Allow backorder'                  , type: 'checkbox', align: 'right', value: <%= @cols['allow_backorder'  ] == true ? true : false %>, width: 200 }, 
+      
+    ]
+  });
+  <% end %>
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+</script>
+<% end %>

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

@@ -0,0 +1,101 @@
+<%
+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>
+
+<div id='variants_wrapper'>
+<table id='variants'>
+<tr>
+  <% if @cols['option1'           ] && p.option1 %><th valign='bottom'><%= p.option1    %></th><% end %>
+  <% if @cols['option2'           ] && p.option2 %><th valign='bottom'><%= p.option2    %></th><% end %>
+  <% 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 %>
+  <% if @cols['weight'            ] == true      %><th valign='bottom'>Weight             </th><% end %>
+  <% if @cols['length'            ] == true      %><th valign='bottom'>Length             </th><% end %>
+  <% if @cols['width'             ] == true      %><th valign='bottom'>Width              </th><% end %>
+  <% if @cols['height'            ] == true      %><th valign='bottom'>Height             </th><% end %>
+  <% if @cols['cylinder'          ] == true      %><th valign='bottom'>Cylinder           </th><% end %>
+  <% if @cols['requires_shipping' ] == true      %><th valign='bottom'>Requires Shipping  </th><% end %>
+  <% if @cols['allow_backorder'   ] == true      %><th valign='bottom'>Allow Backorder    </th><% end %>
+  <% if @cols['taxable'           ] == true      %><th valign='bottom'>Taxable            </th><% end %>
+  <th>&nbsp;</th>
+  <th>&nbsp;</th>
+</tr>
+<% 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 %>
+  <% if @cols['option2'           ] && p.option2 %><td><div id='variant_<%= v.id %>_option2'           ></div></td><% end %>
+  <% 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 %> 
+  <% if @cols['weight'            ] == true      %><td><div id='variant_<%= v.id %>_weight'            ></div></td><% end %> 
+  <% if @cols['length'            ] == true      %><td><div id='variant_<%= v.id %>_length'            ></div></td><% end %> 
+  <% if @cols['width'             ] == true      %><td><div id='variant_<%= v.id %>_width'             ></div></td><% end %> 
+  <% if @cols['height'            ] == true      %><td><div id='variant_<%= v.id %>_height'            ></div></td><% end %> 
+  <% if @cols['cylinder'          ] == true      %><td><div id='variant_<%= v.id %>_cylinder'          ></div></td><% end %> 
+  <% if @cols['requires_shipping' ] == true      %><td><div id='variant_<%= v.id %>_requires_shipping' ></div></td><% end %>
+  <% if @cols['allow_backorder'   ] == true      %><td><div id='variant_<%= v.id %>_allow_backorder'   ></div></td><% end %>
+  <% if @cols['taxable'           ] == true      %><td><div id='variant_<%= v.id %>_taxable'           ></div></td><% end %>
+  <td class='edit'><a href='/admin/products/<%= p.id %>/variants/<%= v.id %>/edit'>Edit</a></td>
+  <td class='delete'><a href='#' onclick='delete_variant(<%= v.id %>);'>Delete</a></td>
+</tr>
+<% end %>
+</table>
+</div>
+<p><input type='button' value='New Variant' onclick="add_variant(<%= p.id %>);" /></p>
+
+<%= render :partial => 'caboose_store/products/admin_footer' %>
+
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  <% p.variants.each do |v| %>
+  new ModelBinder({
+    name: 'Variant',
+    id: <%= v.id %>,
+    update_url: '/admin/variants/<%= v.id %>',
+    authenticity_token: '<%= form_authenticity_token %>',
+    attributes: [
+      <% if @cols['option1'           ] && p.option1 %>{ name: 'option1'            , nice_name: <%= raw Caboose.json(p.option1) %> , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.option1             ) %>, width: 75, fixed_placeholder: false },<% end %>
+      <% if @cols['option2'           ] && p.option2 %>{ name: 'option2'            , nice_name: <%= raw Caboose.json(p.option2) %> , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.option2             ) %>, width: 75, fixed_placeholder: false },<% end %>
+      <% if @cols['option3'           ] && p.option3 %>{ name: 'option3'            , nice_name: <%= raw Caboose.json(p.option3) %> , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.option3             ) %>, width: 75, fixed_placeholder: false },<% end %>
+      <% if @cols['status'            ] == true      %>{ name: 'status'             , nice_name: 'Status'                           , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.status              ) %>, width: 75, fixed_placeholder: false },<% end %>
+      <% if @cols['alternate_id'      ] == true      %>{ name: 'alternate_id'       , nice_name: 'Alternate ID'                     , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.alternate_id        ) %>, width: 75, fixed_placeholder: false },<% end %>
+      <% if @cols['sku'               ] == true      %>{ name: 'sku'                , nice_name: 'SKU'                              , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.sku                 ) %>, width: 75, fixed_placeholder: false },<% end %>                         
+      <% if @cols['barcode'           ] == true      %>{ name: 'barcode'            , nice_name: 'Barcode'                          , type: 'text'     , align: 'left'  , value: <%= raw Caboose.json(v.barcode             ) %>, width: 75, fixed_placeholder: false },<% end %> 
+      <% if @cols['price'             ] == true      %>{ name: 'price'              , nice_name: 'Price'                            , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.price               ) %>, width: 75, fixed_placeholder: false },<% end %> 
+      <% if @cols['quantity_in_stock' ] == true      %>{ name: 'quantity_in_stock'  , nice_name: 'Quantity'                         , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.quantity_in_stock   ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['weight'            ] == true      %>{ name: 'weight'             , nice_name: 'Weight (grams)'                   , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.weight              ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['length'            ] == true      %>{ name: 'length'             , nice_name: 'Length (in)'                      , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.length              ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['width'             ] == true      %>{ name: 'width'              , nice_name: 'Width (in)'                       , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.width               ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['height'            ] == true      %>{ name: 'height'             , nice_name: 'Height (in)'                      , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.height              ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['cylinder'          ] == true      %>{ name: 'cylinder'           , nice_name: 'Cylinder'                         , type: 'checkbox' , align: 'center', value: <%= raw Caboose.json(v.cylinder            ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['requires_shipping' ] == true      %>{ name: 'requires_shipping'  , nice_name: 'Requires shipping'                , type: 'checkbox' , align: 'center', value: <%= raw Caboose.json(v.requires_shipping   ) %>, width: 50, fixed_placeholder: false },<% end %> 
+      <% if @cols['taxable'           ] == true      %>{ name: 'taxable'            , nice_name: 'Taxable'                          , type: 'checkbox' , align: 'center', value: <%= raw Caboose.json(v.taxable             ) %>, width: 50, fixed_placeholder: false },<% end %>
+      <% if @cols['allow_backorder'   ] == true      %>{ name: 'allow_backorder'    , nice_name: 'Allow backorder'                  , type: 'checkbox' , align: 'center', value: <%= raw Caboose.json(v.allow_backorder     ) %>, width: 50, fixed_placeholder: false } <% end %>     
+    ]
+  });
+  <% end %>
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal('100%');
+});
+
+</script>
+<% end %>

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

@@ -0,0 +1,68 @@
+<%
+p = @product
+v = @variant    
+%>
+<%= render :partial => 'caboose_store/products/admin_header' %>
+
+<p style='font-size: 75%;'><a href='/admin/products/<%= p.id %>/options'>Need options like color or size?</a></p>
+
+<table>
+  <tr>
+    <td valign='top'>
+<div id='variant_<%= v.id %>_alternate_id'       ></div>
+<div id='variant_<%= v.id %>_sku'                ></div>
+<div id='variant_<%= v.id %>_barcode'            ></div>                
+<div id='variant_<%= v.id %>_price'              ></div>
+<div id='variant_<%= v.id %>_quantity_in_stock'  ></div>
+<div id='variant_<%= v.id %>_allow_backorder'    ></div>
+<div id='variant_<%= v.id %>_taxable'            ></div>
+    </td><td valign='top'>
+<div id='variant_<%= v.id %>_status'             ></div>
+<div id='variant_<%= v.id %>_requires_shipping'  ></div>
+<div id='variant_<%= v.id %>_weight'             ></div>
+<div id='variant_<%= v.id %>_cylinder'           ></div>
+<div id='variant_<%= v.id %>_length'             ></div>
+<div id='variant_<%= v.id %>_width'              ></div>
+<div id='variant_<%= v.id %>_height'             ></div>
+    </td>
+  </tr>
+</table>
+<div id='message'></div>
+
+<%= render :partial => 'caboose_store/products/admin_footer' %>
+
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+
+$(document).ready(function() {
+  m = new ModelBinder({
+    name: 'Variant',
+    id: <%= v.id %>,
+    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 }             
+    ]
+  });
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+</script>
+<% end %>

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

@@ -0,0 +1,47 @@
+<h1>Products</h1>
+
+<style type='text/css'>
+#search_form_wrapper { margin-bottom: 10px; position: absolute; top:0; right: 0; }
+</style>
+
+<div id='new_button'><a href='/admin/products/new'><span>New Product</span></a></div>
+
+<div id='search_form_wrapper'>
+  <form action='/admin/products' method='get' id='search_form'>
+    <input type='text' name='id'            placeholder='Product ID'  value="<%= @gen.params['id']            %>" style='width: 100px;' />    
+    <input type='text' name='title_like'    placeholder='Title'       value="<%= @gen.params['title_like']    %>" style='width: 150px;' />    
+    <input type='submit' value='Search' />
+    <input type='button' value='Clear' onclick="window.location='/admin/products';" />    
+  </form>
+</div>
+
+<% if @products.count > 0 %>
+  <table class='data' id='properties_table'>
+    <tr>
+      <%= raw @gen.sortable_table_headings({
+  				'id'        => 'ID',
+  				'title'     => 'Title',
+  				'vendor'    => 'Vendor'				
+  			})
+  		%>
+    </tr>
+  <% @products.each do |p| %>
+    <tr onclick="window.location='/admin/products/<%= p.id %>/general';">
+      <td><%= raw p.id %></td>
+      <td><%= raw p.title %></td>
+      <td><%= raw p.vendor.nil? ? 'Unknown' : p.vendor.name %></td>    
+    </tr>
+  <% end %>
+  </table>
+  <p><%= raw @gen.generate %></p>
+<% else %>
+  <p>There are no products right now.</p>
+<% end %>
+
+<% content_for :caboose_js do %>
+<script type='text/javascript'>
+$(document).ready(function() { 
+  var modal = new CabooseModal(800);
+});
+</script>
+<% end %>

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

@@ -0,0 +1,41 @@
+<%
+p = @product
+%>
+<h1>New Product</h1>
+
+<form action='/admin/products' method='post' id='new_form'>
+<input type='hidden' name='authenticity_token' value="<%= form_authenticity_token %>" />
+<p><input type='text' name='title' value='' placeholder='Product Title' style='width: 400px;' /></p>
+<div id='message'><%= raw flash[:message] ? flash[:message] : "" %></div>
+<p>
+<input type='button' value='< Back' onclick="window.location='/admin/products';" />
+<input type='submit' value='Add Product' onclick='add_product(); return false' />
+</p>
+</form>
+
+<% content_for :caboose_js do %>
+<%= javascript_include_tag "caboose/model/all" %>
+<script type='text/javascript'>
+
+function add_product()
+{
+  modal.autosize("<p class='loading'>Adding product...</p>");
+  $.ajax({
+    url: '/admin/products',
+    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 %>