caboose-cms 0.4.151 → 0.5.1

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

@@ -0,0 +1,35 @@
+<% p = @product %>
+
+<div class="page-content">
+  <div class="container">
+    <div class="row-fluid">
+      <div class="span12">
+        <ul class="breadcrumb">
+          <li><a href="/">Home</a>
+            <% if p.categories[1] %>
+              <span class="divider">/</span></li>
+              <% p.categories[1].ancestry.each do |c| %>
+                <% if c != p.categories[1] %> 
+                  <li><a href="<%= c.url %>"><%= c.name %></a> <span class="divider">/</span></li>
+                <% else %>
+                  <li><a href="<%= c.url %>"><%= c.name %></a></li>
+                <% end %>
+              <% end %>
+            <% else %>
+              </li>
+            <% end %>
+        </ul>
+      </div>
+    </div>    
+    <div class="row-fluid">
+      <div class="span12 single-item">
+        <div class="row-fluid">            
+          <div class="span7">
+            <h3><%= p.title %></h3>
+            <p>This product is not currently available.</p>              
+          </div>
+        </div>                    
+      </div>        
+    </div>
+  </div>
+</div>

data/app/views/caboose/variants/admin_edit.html.erb

@@ -0,0 +1,82 @@
+<%
+p = @product
+v = @variant
+%>
+<h1>Edit Variant</h1>
+
+<table>
+  <tr>
+    <td valign='top'>
+<h2>Options</h2>
+<% if p.option1 %><div id='variant_<%= v.id %>_option1'></div><% end %>
+<% if p.option2 %><div id='variant_<%= v.id %>_option2'></div><% end %>
+<% if p.option3 %><div id='variant_<%= v.id %>_option3'></div><% end %>
+<div id='variant_<%= v.id %>_status'             ></div>
+<div id='variant_<%= v.id %>_requires_shipping'  ></div>
+<div id='variant_<%= v.id %>_allow_backorder'    ></div>
+<div id='variant_<%= v.id %>_taxable'            ></div>
+    </td><td valign='top'>
+<h2>Inventory</h2>
+<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 %>_ignore_quantity'  ></div>
+    </td><td valign='top'>
+<h2>Dimensions</h2>
+<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>
+<p>
+<input type='button' value='< Back' onclick="window.location='/admin/products/<%= p.id %>/variants';" />
+<input type='button' value='Delete Variant' onclick="delete_variant(<%= v.id %>);" />
+</p>
+
+<% content_for :caboose_js do %>
+<%= javascript_include_tag "caboose/model/all" %>
+<%= javascript_include_tag "caboose/admin_products" %>
+<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: [
+      <% if p.option1 %>{ name: 'option1' , nice_name: <%= raw Caboose.json(p.option1) %> , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.option1                ) %>, width: 250 },<% end %>
+      <% if p.option2 %>{ name: 'option2' , nice_name: <%= raw Caboose.json(p.option2) %> , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.option2                ) %>, width: 250 },<% end %>
+      <% if p.option3 %>{ name: 'option3' , nice_name: <%= raw Caboose.json(p.option3) %> , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.option3                ) %>, width: 250 },<% end %>
+      { 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) ) %>, width: 250 }, 
+      { name: 'quantity_in_stock'         , nice_name: 'Quantity'                         , type: 'text'     , align: 'right' , value: <%= raw Caboose.json(v.quantity_in_stock      ) %>, width: 250 }, 
+      { name: 'ignore_quantity'           , nice_name: 'Ignore Quantity'                  , type: 'checkbox' , align: 'right' , value: <%= raw Caboose.json(v.ignore_quantity        ) %>, 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' }      
+    ]
+  });
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+</script>
+<% end %>

data/app/views/caboose/variants/admin_group.html.erb

@@ -0,0 +1,184 @@
+<h1>Group Variants</h1>
+
+<button id="toggle-filter">Toggle Filters</button>
+
+<div class="sidebar">
+	<aside>
+		<form id="filters" action="/admin/variants/group" method="get">
+			<h4><label for="title">Title</label></h4>
+			<input id="title" name="title" type="text" />
+			
+			<h4><label for="categories">Categories</label></h4>
+			<input id="category-filter" type="text" />
+			<select id="categories" name="category_ids[]" multiple>
+				<% @categories.each do |category| %>
+					<% next if category.name.nil? or category.name.empty? %>
+					<option value="<%= category.id %>"><%= category.url.gsub('/products/', '') %></option>
+				<% end %>
+			</select>
+			
+			<h4><label for="vendors">Vendors</label><h4>
+			<input id="vendor-filter" type="text" />
+			<select id="vendors" name="vendor_ids[]" multiple>
+				<% @vendors.each do |vendor| %>
+					<% next if vendor.name.nil? or vendor.name.empty? %>
+					<option value="<%= vendor.id %>"><%= vendor.name %></option>
+				<% end %>
+			</select>
+			
+			<fieldset>
+				<input type="button" value="Clear" />
+				<input type="submit" value="Filter" />
+			</fieldset>
+		</form>
+	</aside>
+	
+	<secton>
+		<h4>Variants</h4>
+		
+		<% if @variants.any? %>
+			<form id="variants" action="/admin/variants/group" method="post">
+				<fieldset>
+					<% @variants.each do |variant| %>
+						<label>
+							<input type="checkbox" value="<%= variant.id %>" />
+							<%= variant.product.name %>
+						</label>
+					<% end %>
+				</fieldset>
+			</form>
+		<% else %>
+			<p>No variants to show.</p>
+		<% end %>
+	</section>
+</div>
+
+<% content_for :caboose_css do %>
+	<style>
+		
+		/**
+		 * Sidebar
+		 */
+		
+		.sidebar,
+		.sidebar > section { overflow: hidden; }
+		
+		.sidebar > aside {
+			float: left;
+			margin-right: 12px;
+			width: 300px;
+		}
+		
+		/**
+		 * Forms
+		 */
+		
+		form#filters {
+			display: none;
+			margin: 24px 0;
+		}
+		
+		form#filters select {
+			height: 500px;
+			padding: 6px;
+		}
+		
+		form#filters label,
+		form#filters input[type=text],
+		form#filters select {
+			box-sizing: border-box;
+			display: block;
+			outline: none !important;
+			width: 100%;
+		}
+		
+		form#filters label + input,
+		form#filters input + label,
+		form#filters label + select,
+		form#filters select + label { margin: 12px 0 0; }
+		
+		input#category-filter,
+		input#vendor-filter { border-bottom: none; }
+		
+		form#filters fieldset {
+			border: none;
+			margin: 12px 0;
+			padding: 0;
+		}
+	</style>
+<% end %>
+
+<% content_for :caboose_js do %>
+	<%= javascript_include_tag 'underscore' %>
+	
+	<script>
+		window.count      = <%= @variants.count %>;
+		window.categories = <%= @categories.collect { |category| "#{category.id}:#{category.url.gsub('/products/', '')}" }.compact.to_json.html_safe %>;
+		window.vendors    = <%= @vendors.collect { |vendor| "#{vendor.id}:#{vendor.name}" unless vendor.name.nil? or vendor.name.empty? }.compact.to_json.html_safe %>;
+		
+		$(document).ready(function() {
+			$('#toggle-filters').on('click', toggle_filters);
+			$('#category-filter').on('keyup', filter_categories);
+			$('#vendor-filter').on('keyup', filter_vendors);
+			if (window.count == 0) toggle_filters();
+		});
+		
+		function toggle_filters() {
+			$('form#filters').toggle();
+		}
+		
+		function filter_categories() {
+			var $categories = $('#categories');
+			
+			// Get value to test against from input
+			var string = $('#category-filter').val().toLowerCase();
+			
+			// Filter category names
+			var filtered_categories = _.filter(window.categories, function(category) { return category.toLowerCase().indexOf(string) != -1; });
+			
+			// Empty category select box
+			$categories.empty();
+			
+			// Append filtered category names
+			_.each(filtered_categories, function(category) {
+				var $option = $(document.createElement('option'))
+					, id      = category.split(':')[0]
+					, name    = category.split(':')[1];
+					
+				// Set attributes
+				$option.val(id);
+				$option.text(name);
+				
+				// Append to select
+				$categories.append($option);
+			});
+		}
+		
+		function filter_vendors() {
+			var $vendors = $('#vendors');
+			
+			// Get value to test against from input
+			var string = $('#vendor-filter').val().toLowerCase();
+			
+			// Filter vendor names
+			var filtered_vendors = _.filter(window.vendors, function(vendor) { return vendor.toLowerCase().indexOf(string) != -1; });
+			
+			// Empty vendor select box
+			$vendors.empty();
+			
+			// Append filtered vendor names
+			_.each(filtered_vendors, function(vendor) {
+				var $option = $(document.createElement('option'))
+					, id      = vendor.split(':')[0]
+					, name    = vendor.split(':')[1];
+					
+				// Set attributes
+				$option.val(id);
+				$option.text(name);
+				
+				// Append to select
+				$vendors.append($option);
+			});
+		}
+	</script>
+<% end %>

data/app/views/caboose/variants/admin_new.html.erb

@@ -0,0 +1,59 @@
+<%
+p = @product
+v = @variant
+%>
+<%= render :partial => 'caboose/products/admin_header' %>
+  
+<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 %>_taxable'></div>
+<div id='variant_<%= v.id %>_requires_shipping'></div>     
+    
+<div id='dimensions_container' style='display: hidden;'>
+  <h2>Dimensions</h2>              
+  <div id='variant_<%= v.id %>_weight'></div>
+  <div id='variant_<%= v.id %>_length'></div>
+  <div id='variant_<%= v.id %>_width'></div>
+  <div id='variant_<%= v.id %>_height'></div>
+  <div id='variant_<%= v.id %>_cylinder'></div>
+</div>
+
+<div id='message'></div>
+
+<%= render :partial => 'caboose/products/admin_footer' %>
+<% content_for :caboose_js do %>
+<%= javascript_include_tag "caboose/model/all" %>
+<%= javascript_include_tag "admin_products" %>
+<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: 'sku'                 , nice_name: 'SKU'                , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.sku                 ) %>, width: 250 },                         
+      { name: 'barcode'             , nice_name: 'Barcode'            , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.barcode             ) %>, width: 250 }, 
+      { name: 'price'               , nice_name: 'Price'              , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.price               ) %>, width: 250 }, 
+      { name: 'quantity_in_stock'   , nice_name: 'Quantity'           , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.quantity_in_stock   ) %>, width: 250 }, 
+      { name: 'weight'              , nice_name: 'Weight (grams)'     , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.weight              ) %>, width: 200 }, 
+      { name: 'length'              , nice_name: 'Length (in)'        , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.length              ) %>, width: 200 }, 
+      { name: 'width'               , nice_name: 'Width (in)'         , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.width               ) %>, width: 200 }, 
+      { name: 'height'              , nice_name: 'Height (in)'        , type: 'text'     , align_right: true, value: <%= raw Caboose.json(v.height              ) %>, width: 200 }, 
+      { name: 'cylinder'            , nice_name: 'Cylinder'           , type: 'checkbox' , align_right: true, value: <%= raw Caboose.json(v.cylinder            ) %>, width: 200 }, 
+      { name: 'requires_shipping'   , nice_name: 'Requires shipping'  , type: 'checkbox' , align_right: true, value: <%= raw Caboose.json(v.requires_shipping   ) %>, width: 250 }, 
+      { name: 'taxable'             , nice_name: 'Taxable'            , type: 'checkbox' , align_right: true, value: <%= raw Caboose.json(v.taxable             ) %>, width: 250 }               
+    ]
+  });
+});
+
+var modal = false;
+$(window).load(function() {
+  modal = new CabooseModal(800);
+});
+
+</script>
+<% end %>

data/app/views/caboose/vendors/admin_edit.html.erb

@@ -0,0 +1,24 @@
+<h1>Edit Vendor</h1>
+<p><div id="vendor_<%= @vendor.id %>_name"></div></p>
+<p><div id="vendor_<%= @vendor.id %>_status"></div></p>
+<input type="button" value="< Back" onclick="window.location=/admin/vendors" />
+<input type="button" value="Delete" onclick="window.location=/admin/vendors/<%= @vendor.id %>/delete" />
+
+<% content_for :caboose_js do %>
+  <%= javascript_include_tag "caboose/model/all" %>
+  
+  <script>
+    $(document).ready(function() {
+      m = new ModelBinder({
+        id: <%= @vendor.id %>,
+        name: 'Vendor',
+        update_url: '/admin/vendors/<%= @vendor.id %>/update',
+        authenticity_token: '<%= form_authenticity_token %>',
+        attributes: [
+          { name: 'name'   , nice_name: 'Name'   , type: 'text'   , value: <%= Caboose.json(@vendor.name).html_safe %>, width: 500 },
+          { name: 'status' , nice_name: 'Status' , type: 'select' , text: <%= raw Caboose.json(@vendor.status).html_safe %>, value: <%= Caboose.json(@vendor.status).html_safe %>, width: 500, options_url: '/admin/vendors/status-options' }
+        ]
+      })
+    });
+  </script>
+<% end %>

data/app/views/caboose/vendors/admin_index.html.erb

@@ -0,0 +1,30 @@
+<h1>Vendors</h1>
+
+<p><a href="/admin/vendors/new">New Vendor</a></p>
+
+<form action="/admin/vendors" method="get" style="margin: 0 0 12px">
+  <input name="name_like" value="<%= params[:name_like] %>" placeholder="Search for vendor" />
+  <input type="submit" value="Search" />
+</form>
+
+<% if @vendors.count > 0 %>
+  <table class="data" style="width: 350px">
+    <tr>
+      <%= raw @pager.sortable_table_headings({
+        'id'     => 'ID',
+        'name'  => 'Name'
+      }) %>
+    </tr>
+    
+    <% @vendors.each do |vendor| %>
+      <tr onclick="window.location='/admin/vendors/<%= vendor.id %>/edit';">
+        <td style="text-align: center"><%= raw vendor.id %></td>
+        <td><%= raw vendor.name %></td>
+      </tr>
+    <% end %>
+  </table>
+  
+  <p><%= raw @pager.generate %></p>
+<% else %>
+  <p>There are no products right now.</p>
+<% end %>

data/app/views/caboose/vendors/admin_new.html.erb

@@ -0,0 +1,34 @@
+<h1>New Vendor</h1>
+
+<form id="new-vendor" action="/admin/vendors/create" method="post">
+  <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>" />
+  <input id="name" name="name" type="text" placeholder="Vendor Name" style="width: 400px" />
+  
+  <p>
+    <input type="button" value="< Back" onclick="window.location='/admin/products'" />
+    <input type="submit" value="Add Vendor" />
+  </p>
+</form>
+
+<% content_for :caboose_js do %>
+  <script>
+    $(document).ready(function() {
+      $('#new-vendor').on('submit', function(event) {
+        event.preventDefault();
+        
+        $.ajax({
+          url: '/admin/vendors/create',
+          type: 'post',
+          data: $(event.delegateTarget).serialize(),
+          success: function(response) {
+            if (response.success) {
+              window.location = response.redirect;
+            } else {
+              alert(response.message);
+            }
+          }
+        });
+      });
+    });
+  </script>
+<% end %>