solidus_backend 1.1.4 → 1.2.0.beta1

data/app/views/spree/admin/promotions/actions/_promotion_calculators_with_custom_fields.html.erb

@@ -0,0 +1,28 @@
+<div class="calculator-fields row">
+
+  <div class="field alpha four columns">
+    <% field_name = "#{param_prefix}[calculator_type]" %>
+    <%= label_tag field_name, Spree.t(:calculator) %>
+    <%= select_tag field_name,
+                   options_from_collection_for_select(calculators, :to_s, :description, promotion_action.calculator.type),
+                   :class => 'type-select select2 fullwidth' %>
+    <% if promotion_action.calculator.respond_to?(:preferences) %>
+      <span class="warning info"><%= Spree.t(:calculator_settings_warning) %></span>
+    <% end %>
+  </div>
+
+  <% unless promotion_action.new_record? %>
+    <div class="settings field omega four columns">
+      <% type_name = promotion_action.calculator.type.demodulize.underscore %>
+      <% if lookup_context.exists?("fields",
+          ["spree/admin/promotions/calculators/#{type_name}"], true) %>
+        <%= render "spree/admin/promotions/calculators/#{type_name}/fields",
+          calculator: promotion_action.calculator, prefix: param_prefix %>
+      <% else %>
+        <%= render "spree/admin/promotions/calculators/default_fields",
+          calculator: promotion_action.calculator, prefix: param_prefix %>
+      <% end %>
+      <%= hidden_field_tag "#{param_prefix}[calculator_attributes][id]", promotion_action.calculator.id %>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/admin/promotions/edit.html.erb

@@ -2,8 +2,6 @@
   <%= Spree.t(:editing_promotion) %>
 <% end %>
 
-<%= render 'spree/admin/shared/promotion_sub_menu' %>
-
 <% content_for :page_actions do %>
   <li>
     <%= button_link_to Spree.t(:back_to_promotions_list), admin_promotions_path, :icon => 'arrow-left' %>

data/app/views/spree/admin/promotions/index.html.erb

@@ -10,8 +10,6 @@
   <% end %>
 <% end %>
 
-<%= render 'spree/admin/shared/promotion_sub_menu' %>
-
 <% content_for :table_filter_title do %>
   <%= Spree.t(:search) %>
 <% end %>

data/app/views/spree/admin/promotions/new.html.erb

@@ -2,8 +2,6 @@
   <%= Spree.t(:new_promotion) %>
 <% end %>
 
-<%= render 'spree/admin/shared/promotion_sub_menu' %>
-
 <%= form_for :promotion, :url => collection_url do |f| %>
   <fieldset class="no-border-top">
     <%= render :partial => 'form', :locals => { :f => f } %>

data/app/views/spree/admin/properties/edit.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/product_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= Spree.t(:editing_property) %>
 <% end %>

data/app/views/spree/admin/properties/index.html.erb

@@ -5,13 +5,11 @@
 <% content_for :page_actions do %>
   <% if can?(:create, Spree::Property) %>
     <li id="new_property_link">
-      <%= button_link_to Spree.t(:new_property), new_admin_property_url, { :remote => true, :icon => 'plus', 'data-update' => 'new_property', :id => 'new_property_link' } %>
+      <%= button_link_to Spree.t(:new_property), new_admin_property_url, { :remote => true, :icon => 'plus', 'data-update' => 'new_property_container', :id => 'new_property_link' } %>
     </li>
   <% end %>
 <% end %>
 
-<%= render 'spree/admin/shared/product_sub_menu' %>
-
 <% content_for :table_filter_title do %>
   <%= Spree.t(:search) %>
 <% end %>
@@ -41,7 +39,7 @@
   </div>
 <% end %>
 
-<div id="new_property"></div>
+<div id="new_property_container"></div>
 
 <% if @properties.any? %>
 <table class="index" id='listing_properties' data-hook>

data/app/views/spree/admin/properties/new.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/product_sub_menu' %>
-
 <%= render :partial => 'spree/shared/error_messages', :locals => { :target => @property } %>
 
 <%= form_for [:admin, @property] do |f| %>

data/app/views/spree/admin/properties/new.js.erb

@@ -1,2 +1,2 @@
-$("#new_property").html('<%= escape_javascript(render :template => "spree/admin/properties/new", :formats => [:html], :handlers => [:erb]) %>');
+$("#new_property_container").html('<%= escape_javascript(render :template => "spree/admin/properties/new", :formats => [:html], :handlers => [:erb]) %>');
 $("#new_property_link").parent().hide();

data/app/views/spree/admin/prototypes/edit.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/product_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= Spree.t(:editing_prototype) %>
 <% end %>

data/app/views/spree/admin/prototypes/index.html.erb

@@ -10,8 +10,6 @@
   <% end %>
 <% end %>
 
-<%= render 'spree/admin/shared/product_sub_menu' %>
-
 <%= image_tag 'select2-spinner.gif', :plugin => 'spree', :style => 'display: none', :id => 'busy_indicator' %>
 
 <%# Placeholder for new prototype form %>

data/app/views/spree/admin/prototypes/new.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/product_sub_menu' %>
-
 <%= render :partial => 'spree/shared/error_messages', :locals => { :target => @prototype } %>
 
 <%= form_for [:admin, @prototype] do |f| %>

data/app/views/spree/admin/reimbursements/edit.html.erb

@@ -13,7 +13,7 @@
 <%= form_for [:admin, @order, @reimbursement] do |f| %>
   <fieldset class='no-border-bottom'>
     <legend align='center'><%= Spree.t(:items_to_be_reimbursed) %></legend>
-    <table class="index reimbursement-return-items-table">
+    <table class="index reimbursement-return-items">
       <thead>
         <tr>
           <th><%= Spree.t(:product) %></th>
@@ -73,7 +73,7 @@
 
 <fieldset>
   <legend align='center'><%= Spree.t(:calculated_reimbursements) %></legend>
-  <table class="index">
+  <table class="index calculated-reimbursements">
     <thead data-hook="customer_return_header">
       <tr>
         <th><%= Spree.t(:reimbursement_type) %></th>

data/app/views/spree/admin/reimbursements/show.html.erb

@@ -12,7 +12,7 @@
 
 <fieldset class='no-border-bottom'>
   <legend align='center'><%= Spree.t(:items_reimbursed) %></legend>
-  <table class="index reimbursement-reimbursement-items-table">
+  <table class="index reimbursement-reimbursement-items">
     <thead>
       <tr>
         <th><%= Spree.t(:product) %></th>
@@ -55,7 +55,7 @@
 
 <fieldset class="no-border-bottom">
   <legend align='center'><%= Spree.t(:refunds) %></legend>
-  <table class="index">
+  <table class="index reimbursement-refunds">
     <thead data-hook="customer_return_header">
       <tr>
         <th><%= Spree.t(:description) %></th>
@@ -64,9 +64,9 @@
     </thead>
     <tbody>
       <% @reimbursement.refunds.each do |refund| %>
-        <tr id="<%= spree_dom_id(refund) %>" data-hook="reimbursement_refund_row" class="<%= cycle('odd', 'even')%>">
-          <td><%= refund.description %></td>
-          <td><%= refund.display_amount %></td>
+        <tr id="<%= spree_dom_id(refund) %>" data-hook="reimbursement_refund_row" class="reimbursement-refund <%= cycle('odd', 'even')%>">
+          <td class="reimbursement-refund-description"><%= refund.description %></td>
+          <td class="reimbursement-refund-amount"><%= refund.display_amount %></td>
         </tr>
       <% end %>
     </tbody>
@@ -75,7 +75,7 @@
 
 <fieldset class="no-border-bottom">
   <legend align='center'><%= Spree.t(:credits) %></legend>
-  <table class="index">
+  <table class="index reimbursement-credits">
     <thead data-hook="customer_return_header">
       <tr>
         <th><%= Spree.t(:description) %></th>
@@ -84,9 +84,9 @@
     </thead>
     <tbody>
       <% @reimbursement.credits.each do |credit| %>
-        <tr id="<%= spree_dom_id(credit) %>" data-hook="reimbursement_refund_row" class="<%= cycle('odd', 'even')%>">
-          <td><%= credit.description %></td>
-          <td><%= credit.display_amount %></td>
+        <tr id="<%= spree_dom_id(credit) %>" data-hook="reimbursement_refund_row" class="reimbursement-credit <%= cycle('odd', 'even')%>">
+          <td class="reimbursement-credit-description"><%= credit.description %></td>
+          <td class="reimbursement-credit-amount"><%= credit.display_amount %></td>
         </tr>
       <% end %>
     </tbody>

data/app/views/spree/admin/return_authorizations/_form.html.erb

@@ -4,18 +4,18 @@
   <table class="index return-items-table">
     <thead>
       <tr data-hook="rma_header">
-        <th>
+        <th class="return-item-checkbox">
           <% if allow_return_item_changes %>
             <%= check_box_tag 'select-all' %>
           <% end %>
         </th>
-        <th><%= Spree.t(:product) %></th>
-        <th><%= Spree.t(:state) %></th>
-        <th><%= Spree.t(:charged) %></th>
-        <th><%= Spree.t(:pre_tax_refund_amount) %></th>
-        <th><%= Spree.t(:reimbursement_type) %></th>
-        <th><%= Spree.t(:exchange_for) %></th>
-        <th><%= Spree.t(:reason) %></th>
+        <th class="return-item-product"><%= Spree.t(:product) %></th>
+        <th class="return-item-state"><%= Spree.t(:state) %></th>
+        <th class="return-item-charged"><%= Spree.t(:charged) %></th>
+        <th class="return-item-pre-tax-refund-amount"><%= Spree.t(:pre_tax_refund_amount) %></th>
+        <th class="return-item-reimbursement-type"><%= Spree.t(:reimbursement_type) %></th>
+        <th class="return-item-exchange-for"><%= Spree.t(:exchange_for) %></th>
+        <th class="return-item-reason"><%= Spree.t(:reason) %></th>
       </tr>
     </thead>
     <tbody>
@@ -24,42 +24,42 @@
         <% inventory_unit = return_item.inventory_unit %>
         <% editable = inventory_unit.shipped? && !inventory_unit.exchange_requested? && allow_return_item_changes && return_item.reimbursement.nil? %>
         <tr>
-          <td class="align-center" class="inventory-unit-checkbox">
+          <td class="return-item-checkbox align-center inventory-unit-checkbox">
             <% if editable %>
               <%= item_fields.hidden_field :inventory_unit_id %>
               <%= item_fields.check_box :_destroy, {checked: return_item.persisted?, class: 'add-item', "data-price" => return_item.pre_tax_amount}, '0', '1' %>
             <% end %>
           </td>
-          <td>
+          <td class="return-item-product">
             <div class="variant-name"><%= inventory_unit.variant.name %></div>
             <div class="variant-options"><%= inventory_unit.variant.options_text %></div>
           </td>
-          <td class="align-center"><%= inventory_unit.state.humanize %></td>
-          <td class="align-center">
+          <td class="return-item-state align-center"><%= inventory_unit.state.humanize %></td>
+          <td class="return-item-charged align-center">
             <%= return_item.display_pre_tax_amount %>
           </td>
-          <td class="align-center">
+          <td class="return-item-pre-tax-refund-amount align-center">
             <% if editable %>
               <%= item_fields.text_field :pre_tax_amount, { class: 'refund-amount-input' } %>
             <% else %>
               <%= return_item.display_pre_tax_amount %>
             <% end %>
           </td>
-          <td>
+          <td class="return-item-reimbursement-type">
             <% if editable %>
               <%= item_fields.select :preferred_reimbursement_type_id, @reimbursement_types.collect{|r|[r.name.humanize, r.id]}, {include_blank: true}, {class: 'select2 fullwidth'} %>
             <% else %>
               <%= return_item.preferred_reimbursement_type.try(:name) %>
             <% end %>
           </td>
-          <td class="align-center">
+          <td class="return-item-exchange-for align-center">
             <% if editable %>
               <%= item_fields.collection_select :exchange_variant_id, return_item.eligible_exchange_variants(@stock_locations), :id, :options_text, { include_blank: true }, { class: "select2 fullwidth return-item-exchange-selection" } %>
             <% elsif return_item.exchange_processed? %>
               <%= return_item.exchange_variant.options_text %>
             <% end %>
           </td>
-          <td>
+          <td class="return-item-reason">
             <% if editable %>
               <%= item_fields.select :return_reason_id, @reasons.collect{|r|[r.name, r.id]}, {include_blank: true}, {class: 'select2 fullwidth'} %>
             <% else %>

data/app/views/spree/admin/search/users.rabl

@@ -1,4 +1,4 @@
-collection(@users => :users)
+collection(@users)
 attributes :email, :id
 address_fields = [:firstname, :lastname,
                   :address1, :address2,

data/app/views/spree/admin/shared/_head.html.erb

@@ -16,6 +16,17 @@
 
 <%= stylesheet_link_tag 'spree/backend/all' %>
 
+<%- if Rails.env.test? %>
+  <style>
+    /* A fixed position notification can intermittently be in the way of click targets.
+    Capybara uses `Element.scrollIntoView()` internally, but this only scrolls as far
+    as it must, which means a bottom of page notification will obstruct interactions.
+    */
+    .flash-wrapper { position: static; }
+  </style>
+<%- end %>
+
+
 <%= javascript_include_tag 'spree/backend/all' %>
 
 <%= render "spree/admin/shared/translations" %>

data/app/views/spree/admin/shared/_header.html.erb

@@ -1,9 +1,5 @@
-<header id="header" data-hook>
-  <div class="container">
-    <figure data-hook="logo-wrapper" class="columns five">
-      <%= link_to image_tag(Spree::Config[:admin_interface_logo], :id => 'logo'), spree.admin_path %>
-    </figure>
-
-    <nav data-hook="admin_login_navigation_bar" class="columns eleven"></nav>
-  </div>
+<header class="admin-nav-header">
+  <%= link_to spree.admin_path, class: 'brand-link' do %>
+    <%= image_tag(Spree::Config[:admin_interface_logo]) %>
+  <%- end %>
 </header>

data/app/views/spree/admin/shared/_menu.html.erb

@@ -1,9 +1,5 @@
-<nav id="admin-menu" data-hook>
-  <div class="container">
-    <div class="sixteen columns main-menu-wrapper">
-      <ul data-hook="admin_tabs" class="fullwidth-menu">
-        <%= render :partial => 'spree/admin/shared/tabs' %>
-      </ul>
-    </div>
-  </div>
+<nav class="admin-nav-menu">
+  <ul data-hook="admin_tabs">
+    <%= render partial: 'spree/admin/shared/tabs' %>
+  </ul>
 </nav>

data/app/views/spree/admin/shared/_navigation.html.erb

@@ -0,0 +1,9 @@
+<div class="admin-nav">
+  <%= render partial: 'spree/admin/shared/header' %>
+  <div class="admin-nav-sticky">
+    <%= render partial: 'spree/admin/shared/menu' %>
+    <div class="admin-nav-footer">
+      <%= render partial: 'spree/admin/shared/navigation_footer' %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/shared/_navigation_footer.html.erb

@@ -0,0 +1,3 @@
+<!-- solidus_auth_devise inserts a login_nav here.
+<ul id="login-nav" class="admin-login-nav"></ul>
+-->

data/app/views/spree/admin/shared/_product_sub_menu.html.erb

@@ -1,22 +1,20 @@
-<% content_for :sub_menu do %>
-  <ul id="sub_nav" data-hook="admin_product_sub_tabs" class="inline-menu">
-    <% if can? :admin, Spree::Product %>
-      <%= tab :products, :match_path => '/products' %>
-    <% end %>
-    <% if can? :admin, Spree::OptionType %>
-      <%= tab :option_types, :match_path => '/option_types' %>
-    <% end %>
-    <% if can? :admin, Spree::Property %>
-      <%= tab :properties %>
-    <% end %>
-    <% if can? :admin, Spree::Prototype %>
-      <%= tab :prototypes %>
-    <% end %>
-    <% if can? :admin, Spree::Taxonomy %>
-      <%= tab :taxonomies %>
-    <% end %>
-    <% if can? :admin, Spree::Taxon %>
-      <%= tab :taxons %>
-    <% end %>
-  </ul>
-<% end %>
+<ul id="sub_nav" class="admin-subnav" data-hook="admin_product_sub_tabs">
+  <% if can? :admin, Spree::Product %>
+    <%= tab :products, match_path: '/products' %>
+  <% end %>
+  <% if can? :admin, Spree::OptionType %>
+    <%= tab :option_types, match_path: '/option_types' %>
+  <% end %>
+  <% if can? :admin, Spree::Property %>
+    <%= tab :properties %>
+  <% end %>
+  <% if can? :admin, Spree::Prototype %>
+    <%= tab :prototypes %>
+  <% end %>
+  <% if can? :admin, Spree::Taxonomy %>
+    <%= tab :taxonomies %>
+  <% end %>
+  <% if can? :admin, Spree::Taxon %>
+    <%= tab :taxons %>
+  <% end %>
+</ul>

data/app/views/spree/admin/shared/_promotion_sub_menu.html.erb

@@ -1,10 +1,8 @@
-<% content_for :sub_menu do %>
-  <ul id="sub_nav" data-hook="admin_promotion_sub_tabs" class="inline-menu">
-    <% if can? :admin, Spree::Promotion %>
-      <%= tab :promotions %>
-    <% end %>
-    <% if can? :admin, Spree::PromotionCategory %>
-      <%= tab :promotion_categories %>
-    <% end %>
-  </ul>
-<% end %>
+<ul id="sub_nav" class="admin-subnav" data-hook="admin_promotion_sub_tabs">
+  <% if can? :admin, Spree::Promotion %>
+    <%= tab :promotions %>
+  <% end %>
+  <% if can? :admin, Spree::PromotionCategory %>
+    <%= tab :promotion_categories %>
+  <% end %>
+</ul>

data/app/views/spree/admin/shared/_stock_sub_menu.html.erb

@@ -1,10 +1,8 @@
-<% content_for :sub_menu do %>
-  <ul id="sub_nav" data-hook="admin_stock_transfer_sub_tabs" class="inline-menu">
-    <% if can? :admin, Spree::StockItem %>
-      <%= tab :stock_items, :label => 'management', :match_path => '/stock_items' %>
-    <% end %>
-    <% if can? :admin, Spree::StockTransfer %>
-      <%= tab :stock_transfers, :label => 'transfers', :match_path => '/stock_transfers' %>
-    <% end %>
-  </ul>
-<% end %>
+<ul id="sub_nav" class="admin-subnav" data-hook="admin_stock_transfer_sub_tabs">
+  <% if can? :admin, Spree::StockItem %>
+    <%= tab :stock_items, label: 'management', match_path: '/stock_items' %>
+  <% end %>
+  <% if can? :admin, Spree::StockTransfer %>
+    <%= tab :stock_transfers, label: 'transfers', match_path: '/stock_transfers' %>
+  <% end %>
+</ul>

data/app/views/spree/admin/shared/_tabs.html.erb

@@ -3,7 +3,9 @@
 <% end %>
 
 <% if can? :admin, Spree::Product %>
-  <%= tab *Spree::BackendConfiguration::PRODUCT_TABS, icon: 'th-large' %>
+  <%= tab *Spree::BackendConfiguration::PRODUCT_TABS, icon: 'th-large' do %>
+    <%- render partial: 'spree/admin/shared/product_sub_menu' %>
+  <%- end %>
 <% end %>
 
 <% if can? :admin, :reports %>
@@ -15,11 +17,15 @@
 <% end %>
 
 <% if can? :admin, Spree::Promotion %>
-  <%= tab *Spree::BackendConfiguration::PROMOTION_TABS, url: spree.admin_promotions_path, icon: 'bullhorn' %>
+  <%= tab *Spree::BackendConfiguration::PROMOTION_TABS, url: spree.admin_promotions_path, icon: 'bullhorn' do %>
+    <%- render partial: 'spree/admin/shared/promotion_sub_menu' %>
+  <%- end %>
 <% end %>
 
 <% if can? :admin, Spree::StockItem %>
-  <%= tab(:stock_items, :stock_transfers, :url => spree.admin_stock_items_path, :label => Spree.t(:stock), :icon => 'cubes', match_path: %r(^/admin/stock)) %>
+  <%= tab(:stock_items, :stock_transfers, url: spree.admin_stock_items_path, label: Spree.t(:stock), icon: 'cubes', match_path: %r(^/admin/stock)) do %>
+    <%- render partial: 'spree/admin/shared/stock_sub_menu' %>
+  <%- end %>
 <% end %>
 
 <% if Spree.user_class && can?(:admin, Spree.user_class) %>

data/app/views/spree/admin/shipping_methods/_form.html.erb

@@ -46,7 +46,7 @@
   <div data-hook="admin_shipping_method_form_availability_fields" class="alpha six columns">
     <fieldset class="categories no-border-bottom">
       <legend align="center"><%= Spree.t(:shipping_categories) %></legend>
-          <%= f.field_container :categories do %>
+      <%= f.field_container :categories do %>
         <% Spree::ShippingCategory.all.each do |category| %>
           <%= label_tag do %>
             <%= check_box_tag('shipping_method[shipping_categories][]', category.id, @shipping_method.shipping_categories.include?(category)) %>
@@ -84,7 +84,7 @@
   <div class="alpha six columns">
     <fieldset class="tax_categories no-border-bottom">
       <legend align="center"><%= Spree.t(:tax_category) %></legend>
-        <%= f.field_container :categories do %>
+        <%= f.field_container :tax_categories do %>
           <%= f.select :tax_category_id, @tax_categories.map { |tc| [tc.name, tc.id] }, {include_blank: true}, class: "select2 fullwidth" %>
           <%= error_message_on :shipping_method, :tax_category_id %>
         <% end %>

data/app/views/spree/admin/stock_items/index.html.erb

@@ -3,11 +3,10 @@
     <li><%= button_link_to Spree.t(:back_to_products_list), session[:return_to] || admin_products_url, :icon => 'arrow-left' %></li>
   <% end %>
 
-  <%= render :partial => 'spree/admin/shared/product_sub_menu' %>
   <%= render :partial => 'spree/admin/shared/product_tabs', :locals => { :current => 'Stock Management' } %>
   <%= render :partial => 'spree/shared/error_messages', :locals => { :target => @product } %>
 <% else %>
-  <%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
+
   <% content_for :page_title do %>
     <%= Spree.t(:manage_stock) %>
   <% end %>

data/app/views/spree/admin/stock_transfers/edit.html.erb

@@ -1,4 +1,3 @@
-<%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
 <%content_for :page_title do %>
   <%= "#{Spree.t(:editing_stock_transfer)} #{@stock_transfer.number}" %>
 <% end %>

data/app/views/spree/admin/stock_transfers/index.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= Spree.t(:stock_transfers) %>
 <% end %>
@@ -115,4 +113,3 @@
 <% end %>
 
 <%= paginate @stock_transfers %>
-

data/app/views/spree/admin/stock_transfers/new.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= Spree.t(:new_stock_transfer) %>
 <% end %>

data/app/views/spree/admin/stock_transfers/receive.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= "#{Spree.t(:receiving)} #{@stock_transfer.number}" %>
 <% end %>

data/app/views/spree/admin/stock_transfers/show.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= Spree.t('stock_transfer') %> <%= @stock_transfer.number %>
 <% end %>

data/app/views/spree/admin/stock_transfers/tracking_info.html.erb

@@ -1,5 +1,3 @@
-<%= render :partial => 'spree/admin/shared/stock_sub_menu' %>
-
 <% content_for :page_title do %>
   <%= "#{Spree.t(:ship)} #{Spree.t(:stock_transfer)} \##{@stock_transfer.number}" %>
 <% end %>

data/app/views/spree/admin/style_guide/index.html.erb

@@ -0,0 +1,5 @@
+<p>
+  This style guide exists to encourage developers to tackle style
+  and interaction design in more bite sized ways
+  and give the community a place to review changes.
+</p>

data/app/views/spree/admin/style_guide/topics/forms/_building_forms.html.erb

@@ -0,0 +1,79 @@
+<%- snippet = capture do %>
+  <form id="table-filter" class="sixteen columns">
+    <fieldset>
+      <legend align="center">Search</legend>
+      <div class="field-block alpha four columns">
+        <div class="field">
+          <label for="q_number_cont">Text Field</label>
+          <input type="text">
+        </div>
+      </div>
+
+      <div class="field-block four columns">
+        <div class="date-range-filter field">
+          <label for="q_created_at_gt">Date Range</label>
+          <div class="date-range-fields">
+            <input class="datepicker" placeholder="Date">
+            <span class="range-divider"><i class="fa fa-arrow-right"></i></span>
+            <input class="datepicker" placeholder="Picker">
+          </div>
+        </div>
+      </div>
+
+      <div class="four columns">
+        <div class="field checkbox">
+          <label>Select Box
+            <select>
+              <option>Option</option>
+            </select>
+          </label>
+        </div>
+
+        <div class="field">
+          <select class="select2">
+            <option>Select 2</option>
+          </select>
+        </div>
+      </div>
+
+      <div class="omega four columns">
+        <div class="field checkbox">
+          <label>
+            <input type="checkbox" checked="checked">
+            Checkbox
+          </label>
+        </div>
+
+        <div class='field'>
+          <label>
+            <input name='radio' type='radio'>
+            Option 1
+          </label>
+          <label>
+            <input name='radio' type='radio'>
+            Option 2
+          </label>
+          <label>
+            <input name='radio' type='radio'>
+            Option 3
+          </label>
+        </div>
+      </div>
+    </fieldset>
+  </form>
+<%- end %>
+
+
+<div class="style-guide-result">
+  <%= snippet %>
+</div>
+
+<div class="style-guide-code">
+  <pre><code class="language-html"><%= escape_once snippet %></code></pre>
+</div>
+
+<script>
+$(function(){
+  $('.select2').select2();
+});
+</script>