spree_bootstrap_frontend 1.0.1

data/app/views/spree/checkout/_confirm.html.erb

@@ -0,0 +1,13 @@
+<div class="panel panel-default" id="order_details" data-hook>
+  <div class="panel-heading">
+    <h3 class="panel-title"><%= Spree.t(@order.state, :scope => :order_state).titleize %></h3>
+  </div>
+  <div class="panel-body">
+	<%= render :partial => 'spree/shared/order_details', :locals => { :order => @order } %>
+  </div>
+</div>
+
+<div class="well text-right form-buttons" data-hook="buttons">
+  <%= submit_tag Spree.t(:place_order), :class => 'btn btn-lg btn-success' %>
+  <script>Spree.disableSaveOnClick();</script>
+</div>

data/app/views/spree/checkout/_delivery.html.erb

@@ -0,0 +1,104 @@
+<div class="panel panel-default" id='shipping_method' data-hook>
+  <div class="panel-heading">
+    <h3 class="panel-title"><%= Spree.t(:delivery) %></h3>
+  </div>
+  <div class="panel-body" data-hook="shipping_method_inner">
+    <div id="methods">
+      <%= form.fields_for :shipments do |ship_form| %>
+
+        <div class="shipment">
+          <h4 class="stock-location" data-hook="stock-location">
+            <%= Spree.t(:package_from) %>
+            <strong class="stock-location-name" data-hook="stock-location-name"><%= ship_form.object.stock_location.name %></strong>
+          </h4>
+
+          <table class="table stock-contents" data-hook="stock-contents">
+            <colgroup>
+              <col style="width: 10%;" />
+              <col style="width: 60%;" />
+              <col style="width: 10%;" />
+              <col style="width: 20%;" />
+            </colgroup>
+            <thead>
+              <tr class="active">
+                <th></th>
+                <th align='left'><%= Spree.t(:item) %></th>
+                <th><%= Spree.t(:qty) %></th>
+                <th><%= Spree.t(:price) %></th>
+              </tr>
+            </thead>
+            <tbody>
+              <% ship_form.object.manifest.each do |item| %>
+                <tr class="stock-item">
+                  <td class="item-image"><%= mini_image(item.variant) %></td>
+                  <td class="item-name"><%= item.variant.name %></td>
+                  <td class="item-qty"><%= item.quantity %></td>
+                  <td class="item-price"><%= display_price(item.variant) %></td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+
+          <h4 class="stock-shipping-method-title"><%= Spree.t(:shipping_method) %></h4>
+          <ul class="list-group shipping-methods">
+            <% ship_form.object.shipping_rates.frontend.each do |rate| %>
+              <li class="list-group-item shipping-method">
+                <label>
+                  <%= ship_form.radio_button :selected_shipping_rate_id, rate.id %>
+                  <span class="rate-name"><%= rate.name %></span>
+                  <span class="badge rate-cost"><%= rate.display_cost %></span>
+                </label>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+
+      <% end %>
+
+      <% if @differentiator.try(:missing?) %>
+        <div class="shipment unshippable">
+          <h3 class="stock-location" data-hook="stock-location">
+            <%= Spree.t(:unshippable_items) %>
+          </h3>
+          <table class="table stock-contents" data-hook="stock-missing">
+            <colgroup>
+              <col style="width: 10%;" />
+              <col style="width: 60%;" />
+              <col style="width: 10%;" />
+              <col style="width: 20%;" />
+            </colgroup>
+            <thead>
+              <th></th>
+              <th align='left'><%= Spree.t(:item) %></th>
+              <th><%= Spree.t(:qty) %></th>
+              <th><%= Spree.t(:price) %></th>
+            </thead>
+            <tbody>
+              <% @differentiator.missing.each do |variant, quantity| %>
+                <tr class="stock-item">
+                  <td class="item-image"><%= mini_image(variant) %></td>
+                  <td class="item-name"><%= variant.name %></td>
+                  <td class="item-qty"><%= quantity %></td>
+                  <td class="item-price"><%= display_price(variant) %></td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </div>
+      <% end %>
+
+    </div>
+    <% if Spree::Config[:shipping_instructions] %>
+      <p id="minstrs" data-hook>
+        <h4><%= Spree.t(:shipping_instructions) %></h4>
+        <%= form.text_area :special_instructions, :cols => 40, :rows => 4, :class => "form-control" %>
+      </p>
+    <% end %>
+  </div>
+</div>
+
+<br />
+
+<div class="well text-right form-buttons" data-hook="buttons">
+  <%= submit_tag Spree.t(:save_and_continue), :class => 'btn btn-lg btn-success' %>
+</div>

data/app/views/spree/checkout/_payment.html.erb

@@ -0,0 +1,35 @@
+<div class="panel panel-default" id="payment" data-hook>
+  <div class="panel-heading">
+    <h3 class="panel-title"><%= Spree.t(:payment_information) %></h3>
+  </div>
+  <div class="panel-body" data-hook="checkout_payment_step">
+    <ul class="list-group">
+      <% @order.available_payment_methods.each do |method| %>
+      <li class="list-group-item">
+        <label>
+          <%= radio_button_tag "order[payments_attributes][][payment_method_id]", method.id, method == @order.available_payment_methods.first %>
+          <%= Spree.t(method.name, :scope => :payment_methods, :default => method.name) %>
+        </label>
+      </li>
+      <% end %>
+    </ul>
+
+    <ul class="nav" id="payment-methods" data-hook>
+      <% @order.available_payment_methods.each do |method| %>
+        <li id="payment_method_<%= method.id %>" class="<%= 'last' if method == @order.available_payment_methods.last %>" data-hook>
+            <%= render :partial => "spree/checkout/payment/#{method.method_type}", :locals => { :payment_method => method } %>
+        </li>
+      <% end %>
+    </ul>
+
+    <p class='field' data-hook='coupon_code'>
+      <%= form.label :coupon_code %><br />
+      <%= form.text_field :coupon_code, :class => 'form-control' %>
+    </p>
+  </div>
+</div>
+
+<div class="well text-right form-buttons" data-hook="buttons">
+  <%= submit_tag Spree.t(:save_and_continue), :class => 'btn btn-lg btn-success' %>
+  <script>Spree.disableSaveOnClick();</script>
+</div>

data/app/views/spree/checkout/_summary.html.erb

@@ -0,0 +1,59 @@
+<h3><%= Spree.t(:order_summary) %></h3>
+
+<table class="table" data-hook="order_summary">
+  <tbody>
+    <tr data-hook="item_total">
+      <td><strong><%= Spree.t(:item_total) %>:</strong></td>
+      <td><strong><%= order.display_item_total.to_html %></strong></td>
+    </tr>
+
+    <% if order.line_item_adjustments.exists? %>
+      <tbody data-hook="order_details_promotion_adjustments">
+        <% @order.all_adjustments.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+          <tr class="total">
+            <td><%= label %></td>
+            <td><%= Spree::Money.new(adjustments.sum(&:amount)).to_html %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    <% end %>
+
+    <% @order.all_adjustments.tax.eligible.group_by(&:label).each do |label, adjustments| %>
+      <tbody data-hook="order_details_tax_adjustments">
+        <% @order.all_adjustments.tax.eligible.group_by(&:label).each do |label, adjustments| %>
+          <tr class="total">
+            <td><%= label %></td>
+            <td><%= Spree::Money.new(adjustments.sum(&:amount)).to_html %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    <% end %>
+
+    <tr data-hook="shipping_total">
+      <td><%= Spree.t(:shipping_total) %></td>
+      <td>
+<%- #Spree::Money.new(@order.shipment_total).to_html -%>
+</td>
+    </tr>
+
+    <% if order.adjustments.eligible.exists? %>
+      <tbody id="summary-order-charges" data-hook>
+        <tr>
+          <td colspan="2">Order adjustments</td>
+        </tr>
+        <% order.adjustments.eligible.each do |adjustment| %>
+        <% next if (adjustment.source_type == 'Spree::TaxRate') and (adjustment.amount == 0) %>
+          <tr class="total">
+            <td><%= adjustment.label %>: </td>
+            <td><%= adjustment.display_amount.to_html %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    <% end %>
+
+    <tr data-hook="order_total">
+      <td><strong><%= Spree.t(:order_total) %>:</strong></td>
+      <td><strong><span id='summary-order-total' class="lead text-primary"><%= @order.display_total.to_html %></span></strong></td>
+    </tr>
+  </tbody>
+</table>

data/app/views/spree/checkout/edit.html.erb

@@ -0,0 +1,38 @@
+<div id="checkout" data-hook>  
+  <%= render :partial => 'spree/shared/error_messages', :locals => { :target => @order } %>
+  
+  <div class="row" data-hook="checkout_header">
+    <div class="col-sm-3">
+      <h1 data-hook="checkout_title"><%= Spree.t(:checkout) %></h1>
+    </div>
+    <div class="col-sm-9" data-hook="checkout_progress"><%= checkout_progress %></div>
+  </div>
+  
+  <div class="row" data-hook="checkout_content">
+    <div class="<%= if @order.state != 'confirm' then 'col-md-9' else 'col-md-12' end %>" data-hook="checkout_form_wrapper">
+      <%= form_for @order, :url => update_checkout_path(@order.state), :html => { :id => "checkout_form_#{@order.state}" } do |form| %>
+        <% unless @order.email? %>
+          <p class="field" style='clear: both'>
+            <%= form.label :email %><br />
+            <%= form.text_field :email %>
+          </p>
+        <% end %>
+        <%= render @order.state, :form => form %>
+      <% end %>
+    </div>    
+    <% if @order.state != 'confirm' %>
+      <div id="checkout-summary" data-hook="checkout_summary_box" class="col-md-3">
+        <%= render :partial => 'summary', :locals => { :order => @order } %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<script>
+Spree.current_order_id = "<%= @order.number %>"
+Spree.current_order_token = "<%= @order.token %>"
+</script>
+
+<% if I18n.locale != :en %>
+  <script src='/assets/jquery.validate/localization/messages_<%= I18n.locale %>.js'></script>
+<% end %>

data/app/views/spree/checkout/payment/_gateway.html.erb

@@ -0,0 +1,32 @@
+<div class="well clearfix">
+  <%= image_tag 'credit_cards/credit_card.gif', :id => 'credit-card-image', :class => 'pull-right' %>
+  <% param_prefix = "payment_source[#{payment_method.id}]" %>
+
+  <p class="field" data-hook="card_number">
+    <%= label_tag "card_number", Spree.t(:card_number) %><span class="required">*</span><br />
+    <% options_hash = Rails.env.production? ? {:autocomplete => 'off'} : {} %>
+    <%= text_field_tag "#{param_prefix}[number]", '', options_hash.merge(:id => 'card_number', :class => 'form-control required cardNumber', :size => 19, :maxlength => 19, :autocomplete => "off") %>
+    &nbsp;
+    <span id="card_type" style="display:none;">
+      ( <span id="looks_like" ><%= Spree.t(:card_type_is) %> <span id="type"></span></span>
+        <span id="unrecognized"><%= Spree.t(:unrecognized_card_type) %></span>
+      )
+    </span>
+  </p>
+  <div class="row">
+    <div class="col-md-8 field" data-hook="card_expiration">
+      <%= label_tag "card_expiry", Spree.t(:expiration) %><span class="required">*</span><br />
+      <%= text_field_tag "#{param_prefix}[expiry]", '', :id => 'card_expiry', :class => "form-control required cardExpiry", :placeholder => "MM / YY" %>
+    </div>
+    <div class="col-md-4 field" data-hook="card_code">
+      <%= label_tag "card_code", Spree.t(:card_code) %><span class="required">*</span><br />
+      <%= text_field_tag "#{param_prefix}[verification_value]", '', options_hash.merge(:id => 'card_code', :class => 'form-control required cardCode', :size => 5) %>
+      <%= link_to "(#{Spree.t(:what_is_this)})", spree.content_path('cvv'), :target => '_blank', "data-hook" => "cvv_link", :id => "cvv_link" %>
+    </div>
+  </div>
+
+  <%= hidden_field_tag "#{param_prefix}[cc_type]", '', :id => "cc_type", :class => 'ccType' %>
+
+  <%= hidden_field param_prefix, 'first_name', :value => @order.billing_firstname %>
+  <%= hidden_field param_prefix, 'last_name', :value => @order.billing_lastname %>
+</div>

data/app/views/spree/checkout/registration.html.erb

@@ -0,0 +1,29 @@
+<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @user } %>
+<h1><%= Spree.t(:registration) %></h1>
+<div id="registration" data-hook>
+
+  <div id="account">
+    <!-- TODO: add partial with registration form -->
+  </div>
+
+  <% if Spree::Config[:allow_guest_checkout] %>
+  <div class="col-md-6">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+          <h3 class="panel-title"><%= Spree.t(:guest_user_account) %></h3>
+      </div>
+      <div id="guest_checkout" class="panel-body" data-hook>
+        <% if flash[:registration_error] %>
+          <div class='flash error'><%= flash[:registration_error] %></div>
+        <% end %>
+        <%= form_for @order, :url => update_checkout_registration_path, :method => :put, :html => { :id => 'checkout_form_registration' } do |f| %>
+          <p>
+            <%= f.email_field :email, :class => 'form-control title', :placeholder => Spree.t(:email) %>
+          </p>
+          <p><%= f.submit Spree.t(:continue), :class => 'btn btn-lg btn-success btn-block' %></p>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <% end %>
+</div>

data/app/views/spree/layouts/spree_application.html.erb

@@ -0,0 +1,40 @@
+<!doctype html>
+<!--[if lt IE 7 ]> <html class="ie ie6" lang="<%= I18n.locale %>"> <![endif]-->
+<!--[if IE 7 ]>    <html class="ie ie7" lang="<%= I18n.locale %>"> <![endif]-->
+<!--[if IE 8 ]>    <html class="ie ie8" lang="<%= I18n.locale %>"> <![endif]-->
+<!--[if IE 9 ]>    <html class="ie ie9" lang="<%= I18n.locale %>"> <![endif]-->
+<!--[if gt IE 9]><!--><html lang="<%= I18n.locale %>"><!--<![endif]-->
+  <head data-hook="inside_head">
+    <%= render :partial => 'spree/shared/head' %>
+  </head>
+  <body class="<%= body_class %>" id="<%= @body_id || 'default' %>" data-hook="body">
+
+    <%= render :partial => 'spree/shared/header' %>
+
+    <div class="container">
+
+      <div class="row" data-hook>
+
+        <%= breadcrumbs(@taxon) %>
+
+        <%= render :partial => 'spree/shared/sidebar' if content_for? :sidebar %>
+
+        <div id="content" class="<%= !content_for?(:sidebar) ? "col-sm-12" : "col-sm-8 col-md-9" %>" data-hook>
+          <%= flash_messages %>
+          <%= yield %>
+        </div>
+
+        <%= yield :templates %>
+
+      </div>
+
+    </div>
+
+    <%= render :partial => 'spree/shared/footer' %>
+
+    <%= render :partial => 'spree/shared/google_analytics' %>
+    <script>
+      Spree.api_key = <%= raw(try_spree_current_user.try(:spree_api_key).to_s.inspect) %>;
+    </script>
+  </body>
+</html>

data/app/views/spree/orders/_form.html.erb

@@ -0,0 +1,30 @@
+<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @order } %>
+<table class="table" id="cart-detail" data-hook>
+  <thead>
+    <tr class="active" data-hook="cart_items_headers">
+      <th class="cart-item-description-header" colspan="2"><%= Spree.t(:item) %></th>
+      <th class="cart-item-price-header"><%= Spree.t(:price) %></th>
+      <th class="cart-item-quantity-header"><%= Spree.t(:qty) %></th>
+      <th class="cart-item-total-header"><%= Spree.t(:total) %></th>
+      <th class="cart-item-delete-header"></th>
+    </tr>
+  </thead>
+  <tbody id="line_items" data-hook>
+    <%= render partial: 'line_item', collection: order_form.object.line_items, locals: {order_form: order_form} %>
+  </tbody>
+<% if false %> 
+ <% if @order.adjustments.exists? || @order.line_item_adjustments.exists? || @order.shipment_adjustments.exists? %>
+    <tr class="cart-subtotal">
+      <td colspan="4" align='right'><h5><%= Spree.t(:cart_subtotal, :count => @order.line_items.sum(:quantity)) %></h5></th>
+      <td colspan><h5><%= order_form.object.display_item_total %></h5></td>
+      <td></td>
+    </tr>
+    <%= render "spree/orders/adjustments" %>
+  <% end %>
+<% end %>
+  <tr class="warning cart-total">
+    <td colspan="4" align='right'><h5><%= Spree.t(:total) %></h5></th>
+    <td class="lead" colspan><%= order_form.object.display_total %></td>
+    <td></td>
+  </tr>
+</table>

data/app/views/spree/orders/_line_item.html.erb

@@ -0,0 +1,36 @@
+<% variant = line_item.variant -%>
+<%= order_form.fields_for :line_items, line_item do |item_form| -%>
+  <tr class="line-item">
+    <td class="cart-item-image" data-hook="cart_item_image">
+      <% if variant.images.length == 0 %>
+        <%= link_to small_image(variant.product), variant.product %>
+      <% else %>
+        <%= link_to image_tag(variant.images.first.attachment.url(:small)), variant.product %>
+      <% end %>
+    </td>
+    <td class="cart-item-description" data-hook="cart_item_description">
+      <h4><%= link_to line_item.name, product_path(variant.product) %></h4>
+      <%= variant.options_text %>
+      <% if @order.insufficient_stock_lines.include? line_item %>
+        <span class="out-of-stock">
+          <%= Spree.t(:out_of_stock) %>&nbsp;&nbsp;<br />
+        </span>
+      <% end %>
+      <span class="line-item-description" data-hook="line_item_description">
+        <%= line_item_description_text(line_item.description) %>
+      </span>
+    </td>
+    <td class="lead text-primary cart-item-price" data-hook="cart_item_price">
+      <%= line_item.single_money.to_html %>
+    </td>
+    <td class="cart-item-quantity" data-hook="cart_item_quantity">
+      <%= item_form.number_field :quantity, :min => 0, :class => "form-control line_item_quantity", :size => 5 %>
+    </td>
+    <td class="lead text-primary cart-item-total" data-hook="cart_item_total">
+      <%= line_item.display_amount.to_html unless line_item.quantity.nil? %>
+    </td>
+    <td class="cart-item-delete" data-hook="cart_item_delete">
+      <%= link_to image_tag('icons/delete.png'), '#', :class => 'delete', :id => "delete_#{dom_id(line_item)}" %>
+    </td>
+  </tr>
+<% end -%>

data/app/views/spree/orders/edit.html.erb

@@ -0,0 +1,45 @@
+<% @body_id = 'cart' %>
+
+<h1><%= Spree.t(:shopping_cart) %></h1>
+
+<% if @order.line_items.empty? %>
+
+  <div data-hook="empty_cart">
+    <div class="alert alert-info"><%= Spree.t(:your_cart_is_empty) %></div>
+    <p><%= link_to Spree.t(:continue_shopping), products_path, :class => 'btn btn-default' %></p>
+  </div>
+
+<% else %>
+  <div data-hook="outside_cart_form">
+    <%= form_for @order, :url => update_cart_path, :html => {:id => 'update-cart'} do |order_form| %>
+      <div data-hook="inside_cart_form">
+
+        <div data-hook="cart_items">
+          <%= render :partial => 'form', :locals => { :order_form => order_form } %>
+        </div>
+
+        <div class="links col-md-6 navbar-form pull-right text-right" data-hook="cart_buttons">
+          <div class="form-group">
+          <%= order_form.text_field :coupon_code, :size => 10, :placeholder => Spree.t(:coupon_code), class: "form-control form-control-inline" %></div>
+          <%= button_tag :class => 'btn btn-primary', :id => 'update-button' do %>
+            <%= Spree.t(:update) %>
+          <% end %>
+          <%= button_tag :class => 'btn btn-lg btn-success', :id => 'checkout-link', :name => 'checkout' do %>
+            <%= Spree.t(:checkout) %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <div id="empty-cart" class="col-md-6 pull-left" data-hook>
+    <%= form_tag empty_cart_path, :method => :put do %>
+      <p id="clear_cart_link" data-hook>
+        <%= submit_tag Spree.t(:empty_cart), :class => 'btn btn-default' %>
+        <%= Spree.t(:or) %>
+        <%= link_to Spree.t(:continue_shopping), products_path, :class => 'continue' %>
+      </p>
+    <% end %>
+  </div>
+
+<% end %>