spree_bootstrap_frontend 1.0.1

data/app/views/spree/products/_cart_form.html.erb

@@ -0,0 +1,62 @@
+<%= form_for :order, :url => populate_orders_path do |f| %>
+  <div class="row" id="inside-product-cart-form" data-hook="inside_product_cart_form" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+
+    <% if @product.variants_and_option_values(current_currency).any? %>
+      <div id="product-variants" class="col-md-6">
+        <h3 class="product-section-title"><%= Spree.t(:variants) %></h3>
+        <ul class="list-group">
+          <% @product.variants_and_option_values(current_currency).each_with_index do |variant, index| %>
+            <li class="list-group-item">
+              <%= radio_button_tag "products[#{@product.id}]", variant.id, index == 0, 'data-price' => display_price(variant) %>
+              <label for="<%= ['products', @product.id, variant.id].join('_') %>">
+                <span class="variant-description">
+                  <%= variant_options variant %>
+                </span>
+                <% if variant_price variant %>
+                  <span class="price diff"><%= variant_price variant %></span>
+                <% end %>
+              </label>
+            </li>
+          <% end%>
+        </ul>
+      </div>
+    <% end%>
+
+    <% if @product.price_in(current_currency) and !@product.price.nil? %>
+      <div data-hook="product_price" class="col-md-5">
+        
+        <div id="product-price">
+          <h3 class="product-section-title"><%= Spree.t(:price) %></h3>
+          <div>
+            <span class="lead" itemprop="price">
+              <%= display_price(@product) %>
+            </span>
+            <span itemprop="priceCurrency" content="<%= @product.currency %>"></span>
+          </div>
+
+          <% if @product.master.in_stock? %>
+            <link itemprop="availability" href="http://schema.org/InStock" />
+          <% end %> 
+        </div>
+
+        <div class="add-to-cart">
+          <br/>
+          <div class="input-group">
+            <%= number_field_tag (@product.variants_and_option_values.any? ? :quantity : "variants[#{@product.master.id}]"),
+                  1, :class => 'title form-control', :min => 1 %>
+            <span class="input-group-btn">
+              <%= button_tag :class => 'btn btn-success', :id => 'add-to-cart-button', :type => :submit do %>
+                  <%= Spree.t(:add_to_cart) %>
+            </span>
+          </div>
+          <% end %>
+        </div>
+      </div>
+    <% else %>
+        <div id="product-price">
+          <br>
+          <div><span class="price selling" itemprop="price"><%= Spree.t('product_not_available_in_this_currency') %></span></div>
+        </div>
+    <% end %>    
+  </div>
+<% end %>

data/app/views/spree/products/_promotions.html.erb

@@ -0,0 +1,19 @@
+<% promotions = @product.possible_promotions %>
+<% if promotions.any? %>
+  <div id="promotions">
+    <h3><%= Spree.t(:promotions) %></h3>
+    <% promotions.each do |promotion| %>
+    <div class="well well-sm">
+      <h4><%= promotion.name %></h4>
+      <p><%= promotion.description %></p>
+      <% if promotion.products.any? %>
+      <ul>
+        <% promotion.products.each do |product| %>
+          <li><%= link_to product.name, product_path(product) %></li>
+        <% end %>
+      </ul>
+      <% end %>
+    </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/products/_properties.html.erb

@@ -0,0 +1,15 @@
+<% unless @product_properties.empty? %>  
+  <h3 class="product-section-title"><%= Spree.t('properties')%></h3>
+  <table id="product-properties" class="table table-striped" data-hook>
+    <tbody>
+      <% @product_properties.each do |product_property| %>
+        <% css_class = cycle('even', 'odd', :name => "properties") %>
+        <tr class="<%= css_class %>">
+          <td><strong><%= product_property.property.presentation %></strong></td>
+          <td><%= product_property.value %></td>
+        </tr>
+      <% end %>
+      <% reset_cycle('properties') %>
+    </tbody>
+  </table>
+<% end %>

data/app/views/spree/products/_taxons.html.erb

@@ -0,0 +1,14 @@
+<% if !@product.taxons.blank? %>
+  <div id="taxon-crumbs" data-hook class=" five ">
+    <h3 class="product-section-title"><%= Spree.t(:look_for_similar_items) %></h3>
+
+    <div data-hook="product_taxons">
+      <ul class="list-group" id="similar_items_by_taxon" data-hook>
+      <% @product.taxons.each do |taxon| %>
+        <li class="list-group-item"><%= link_to taxon.name, seo_url(taxon) %></li>
+      <% end %>
+      </ul>
+    </div>
+
+  </div>
+<% end %>

data/app/views/spree/products/_thumbnails.html.erb

@@ -0,0 +1,19 @@
+<%# no need for thumbnails unless there is more than one image %>
+<% if (@product.images + @product.variant_images).uniq.size > 1 %>
+  <ul id="product-thumbnails" class="thumbnails list-inline" data-hook>
+    <% @product.images.each do |i| %>
+      <li class='tmb-all tmb-<%= i.viewable.id %>'>
+        <%= link_to(image_tag(i.attachment.url(:mini), class: "thumbnail"), i.attachment.url(:product)) %>
+      </li>
+    <% end %>
+
+    <% if @product.has_variants? %>
+      <% @product.variant_images.each do |i| %>
+        <% next if @product.images.include?(i) %>
+        <li class='vtmb tmb-<%= i.viewable.id %>'>
+          <%= link_to(image_tag(i.attachment.url(:mini), class: "thumbnail"), i.attachment.url(:product)) %>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+<% end %>

data/app/views/spree/products/show.html.erb

@@ -0,0 +1,51 @@
+<div data-hook="product_show" itemscope itemtype="http://schema.org/Product">
+  <% @body_id = 'product-details' %>
+
+  <div class="col-md-4" data-hook="product_left_part">
+    <div data-hook="product_left_part_wrap">
+
+      <div id="product-images" data-hook="product_images">
+        <div id="main-image" class="panel panel-default" data-hook>
+          <div class="panel-body text-center">
+            <%= render :partial => 'image' %>
+          </div>
+        </div>
+        <div id="thumbnails" data-hook>
+          <%= render :partial => 'thumbnails' %>
+        </div>
+      </div>
+
+      <div data-hook="product_properties">
+        <%= render :partial => 'properties' %>
+      </div>
+
+      <div data-hook="promotions">
+        <%= render :partial => 'promotions' %>
+      </div>
+
+    </div>
+  </div>
+
+  <div class="col-md-8" data-hook="product_right_part">
+    <div data-hook="product_right_part_wrap">
+
+      <div id="product-description" data-hook="product_description">
+
+        <h1 class="product-title" itemprop="name"><%= accurate_title %></h1>
+
+        <div class="well" itemprop="description" data-hook="description">
+          <%= product_description(@product) rescue Spree.t(:product_has_no_description) %>
+        </div>
+
+        <div id="cart-form" data-hook="cart_form">
+          <%= render :partial => 'cart_form' %>
+        </div>
+
+      </div>
+
+      <%= render :partial => 'taxons' %>
+
+    </div>
+  </div>
+
+</div>

data/app/views/spree/shared/_error_messages.html.erb

@@ -0,0 +1,12 @@
+<% if target && target.errors.any? %>
+  <div id="errorExplanation" class="alert alert-danger" data-hook>
+    <h3><%= Spree.t(:errors_prohibited_this_record_from_being_saved, :count => target.errors.count) %>:</h3>
+    <p><%= Spree.t(:there_were_problems_with_the_following_fields) %>:</p>
+     <ul>
+     <% target.errors.full_messages.each do |msg| %>
+       <li><%= msg %></li>
+     <% end %>
+     </ul>
+     <br/>
+  </div>
+<% end %>

data/app/views/spree/shared/_filters.html.erb

@@ -0,0 +1,28 @@
+<% filters = @taxon ? @taxon.applicable_filters : [Spree::Core::ProductFilters.all_taxons] %>
+<% unless filters.empty? %>
+  <%= form_tag '', :method => :get, :id => 'sidebar_products_search' do %>
+    <% params[:search] ||= {} %>
+    <%= hidden_field_tag 'per_page', params[:per_page] %>
+    <% filters.each do |filter| %>
+      <% labels = filter[:labels] || filter[:conds].map {|m,c| [m,m]} %>
+      <% next if labels.empty? %>
+      <div class="navigation" data-hook="navigation">
+        <h4 class="filter-title"> <%= filter[:name] %> </h4>
+        <ul class="list-group">
+          <% labels.each do |nm,val| %>
+            <% label = "#{filter[:name]}_#{nm}".gsub(/\s+/,'_') %>
+            <li class="list-group-item">
+              <input type="checkbox"
+                     id="<%= label %>"
+                     name="search[<%= filter[:scope].to_s %>][]"
+                     value="<%= val %>"
+                     <%= params[:search][filter[:scope]] && params[:search][filter[:scope]].include?(val.to_s) ? "checked" : "" %> />
+              <label class="nowrap" for="<%= label %>"> <%= nm %> </label>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+    <%= submit_tag Spree.t(:search), :name => nil, :class => 'btn btn-primary' %>
+  <% end %>
+<% end %>

data/app/views/spree/shared/_footer.html.erb

@@ -0,0 +1,10 @@
+<div id="spree-footer">
+	<div class="container">
+		<footer id="footer" class="row" data-hook>
+		  <div id="footer-left" class="col-md-6" data-hook>
+		    <p><%= Spree.t :powered_by  %> <%= link_to 'Spree', 'http://spreecommerce.com/' %></p>
+		  </div>
+		  <div id="footer-right" class="col-md-6" data-hook></div>
+		</footer>
+	</div>
+</div>

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

@@ -0,0 +1,15 @@
+<meta charset="utf-8">
+<title><%= title %></title>
+<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
+<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
+<%== meta_data_tags %>
+<%= canonical_tag %>
+<%= favicon_link_tag image_path('favicon.ico') %>
+<%= stylesheet_link_tag 'spree/frontend/spree_frontend', :media => 'screen' %>
+<%= csrf_meta_tags %>
+<%= javascript_include_tag 'spree/frontend/all' %>
+<!--[if lt IE 9]>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script>
+<![endif]-->
+<%= render "spree/shared/routes" %>
+<%= yield :head %>

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

@@ -0,0 +1,13 @@
+<div id="spree-header">
+	
+	<header id="header" data-hook>
+		<div class="container">
+	  		<figure id="logo" class="text-center col-md-4" data-hook><a href="/"><img alt="Spree" src="/assets/store/spree.png"></a></figure>
+	  		<%= render :partial => 'spree/shared/nav_bar' %>
+		</div>
+	</header>
+	<div class="container">
+		<%= render :partial => 'spree/shared/main_nav_bar' if store_menu? %>
+	</div>
+
+</div>

data/app/views/spree/shared/_login.html.erb

@@ -0,0 +1,19 @@
+<%= form_for Spree::User.new, :as => :spree_user, :url => spree.create_new_session_path do |f| %>
+  <fieldset id="password-credentials">
+    <div class="form-group">
+      <%= f.email_field :email, :class => 'form-control', :tabindex => 1, :placeholder => Spree.t(:email) %>
+    </div>
+    <div class="form-group">
+      <%= f.password_field :password, :class => 'form-control', :tabindex => 2, :placeholder => Spree.t(:password) %>
+    </div>
+    <div class="checkbox">
+      <label>
+        <%= f.check_box :remember_me %>
+        <%= f.label :remember_me, Spree.t(:remember_me) %>
+      </label>
+    </div>
+    <div class="form-group">
+      <%= f.submit Spree.t(:login), :class => 'btn btn-lg btn-success btn-block', :tabindex => 3 %>
+    </div>
+  </fieldset>
+<% end %>

data/app/views/spree/shared/_login_bar.html.erb

@@ -0,0 +1,6 @@
+<% if spree_current_user %>
+  <li><%= link_to Spree.t(:my_account), spree.account_path %></li>
+  <li><%= link_to Spree.t(:logout), spree.logout_path %></li>
+<% else %>
+  <li id="link-to-login"><%= link_to Spree.t(:login), spree.login_path %></li>
+<% end %>

data/app/views/spree/shared/_main_nav_bar.html.erb

@@ -0,0 +1,10 @@
+<nav class="col-md-12">
+  <div id="main-nav-bar" class="navbar">
+    <ul class="nav navbar-nav" data-hook>
+      <li id="home-link" data-hook><%= link_to Spree.t(:home), spree.root_path %></li>
+    </ul>
+    <ul class="nav navbar-nav navbar-right" data-hook>
+      <li id="link-to-cart" data-hook><%= link_to_cart %></li>
+    </ul>
+  </div>
+</nav>

data/app/views/spree/shared/_nav_bar.html.erb

@@ -0,0 +1,8 @@
+<nav class="navbar col-md-8" id="top-nav-bar">
+  <ul id="nav-bar" class="nav navbar-nav navbar-right" data-hook>
+    <li id="search-bar" data-hook>
+      <%= render :partial => 'spree/shared/search' %>
+    </li>
+  </ul>
+  
+</nav>

data/app/views/spree/shared/_order_details.html.erb

@@ -0,0 +1,134 @@
+<div class="row steps-data">
+
+  <% if order.has_step?("address") %>
+
+    <% if order.has_step?("delivery") %>
+      <div class="col-md-3" data-hook="order-ship-address">
+        <h4><%= Spree.t(:shipping_address) %> <%= link_to "(#{Spree.t(:edit)})", checkout_state_path(:address) unless @order.completed? %></h4>
+        <%= render :partial => 'spree/shared/address', :locals => { :address => order.ship_address } %>
+      </div>
+    <% end %> 
+
+    <div class="col-md-3" data-hook="order-bill-address">
+      <h4><%= Spree.t(:billing_address) %> <%= link_to "(#{Spree.t(:edit)})", checkout_state_path(:address) unless @order.completed? %></h4>
+      <%= render :partial => 'spree/shared/address', :locals => { :address => order.bill_address } %>
+    </div>
+
+    <% if @order.has_step?("delivery") %>
+      <div class=" col-md-3">
+        <h4><%= Spree.t(:shipments) %> <%= link_to "(#{Spree.t(:edit)})", checkout_state_path(:delivery) unless @order.completed? %></h4>
+        <div class="delivery">
+          <% order.shipments.each do |shipment| %>
+            <div>
+              <i class='icon-truck'></i>
+              <%= Spree.t(:shipment_details, :stock_location => shipment.stock_location.name, :shipping_method => shipment.shipping_method.name) %>
+            </div>
+          <% end %>
+        </div>
+        <%= render(:partial => 'spree/shared/shipment_tracking', :locals => {:order => @order}) if @order.shipped? %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <div class="col-md-3">
+    <h4><%= Spree.t(:payment_information) %> <%= link_to "(#{Spree.t(:edit)})", checkout_state_path(:payment) unless @order.completed? %></h4>
+    <div class="payment-info">
+      <% order.payments.valid.each do |payment| %>
+        <%= render payment%><br/>
+      <% end %>
+    </div>
+  </div>
+
+</div>
+
+<hr />
+
+<table id='line-items' class="table" data-hook="order_details">
+  <col width="15%" valign="middle" halign="center">
+  <col width="70%" valign="middle">
+  <col width="5%" valign="middle" halign="center">
+  <col width="5%" valign="middle" halign="center">
+  <col width="5%" valign="middle" halign="center">
+
+  <thead data-hook>
+    <tr class="active" data-hook="order_details_line_items_headers">
+      <th colspan="2"><%= Spree.t(:item) %></th>
+      <th class="price"><%= Spree.t(:price) %></th>
+      <th class="qty"><%= Spree.t(:qty) %></th>
+      <th class="total"><span><%= Spree.t(:total) %></span></th>
+    </tr>
+  </thead>
+
+  <tbody data-hook>
+    <% @order.line_items.each do |item| %>
+      <tr data-hook="order_details_line_item_row">
+        <td data-hook="order_item_image">
+          <% if item.variant.images.length == 0 %>
+            <%= link_to small_image(item.variant.product), item.variant.product %>
+          <% else %>
+            <%= link_to image_tag(item.variant.images.first.attachment.url(:small)), item.variant.product %>
+          <% end %>
+        </td>
+        <td data-hook="order_item_description">
+          <h4><%= item.variant.product.name %></h4>
+          <%= truncated_product_description(item.variant.product) %>
+          <%= "(" + item.variant.options_text + ")" unless item.variant.option_values.empty? %>
+        </td>
+        <td data-hook="order_item_price" class="lead text-primary price"><span><%= item.single_money.to_html %></span></td>
+        <td data-hook="order_item_qty"><%= item.quantity %></td>
+        <td data-hook="order_item_total" class="lead text-primary total"><span><%= item.display_amount.to_html %></span></td>
+      </tr>
+    <% end %>
+  </tbody>
+  <tfoot id="order-total" data-hook="order_details_total">
+    <tr class="warning total">
+      <td colspan="4" align="right"><b><%= Spree.t(:order_total) %>:</b></td>
+      <td class="total"><span id="order_total" class="lead text-primary"><%= @order.display_total.to_html %></span></td>
+    </tr>
+  </tfoot>
+
+  <tfoot id="subtotal" data-hook="order_details_subtotal">
+    <tr class="total" id="subtotal-row">
+      <td colspan="4" align="right"><b><%= Spree.t(:subtotal) %>:</b></td>
+      <td class="total"><span><%= @order.display_item_total.to_html %></span></td>
+    </tr>
+  </tfoot>
+  <% if order.all_adjustments.promotion.eligible.exists? %>
+    <tfoot id="price-adjustments" data-hook="order_details_price_adjustments">
+      <% order.all_adjustments.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+        <tr class="total">
+          <td colspan="4" align="right"><%= Spree.t(:promotion) %>: <strong><%= label %></strong></td>
+          <td class="total"><span><%= Spree::Money.new(adjustments.sum(&:amount)) %></span></td>
+        </tr>
+      <% end %>
+    </tfoot>
+  <% end %>
+
+  <% if order.all_adjustments.tax.exists? %>
+    <tfoot id="tax-adjustments" data-hook="order_details_tax_adjustments">
+      <% order.all_adjustments.tax.group_by(&:label).each do |label, adjustments| %>
+        <tr class="total">
+          <td colspan="4" align="right" class="text-muted"><%= Spree.t(:tax) %>: <strong><%= label %></strong></td>
+          <td class="total"><span><%= Spree::Money.new(adjustments.sum(&:amount)) %></span></td>
+        </tr>
+      <% end %>
+    </tfoot>
+  <% end %>
+  <tfoot id='shipment-total'>
+    <% order.shipments.group_by { |s| s.shipping_method.name }.each do |name, shipments| %>
+      <tr class="total" data-hook='shipment-row'>
+        <td colspan="4" align="right" class="text-muted"><%= Spree.t(:shipping) %>: <strong><%= name %></strong></td>
+        <td class="total"><span><%= Spree::Money.new(shipments.sum(&:discounted_cost)).to_html %></span></td>
+      </tr>
+    <% end %>
+  </tfoot>
+  <tfoot id="order-charges" data-hook="order_details_adjustments">
+    <% @order.adjustments.eligible.each do |adjustment| %>
+    <% next if (adjustment.source_type == 'Spree::TaxRate') and (adjustment.amount == 0) %>
+      <tr class="total">
+        <td colspan="4" align="right"><strong><%= adjustment.label %></strong></td>
+        <td class="total"><span><%= adjustment.display_amount.to_html %></span></td>
+      </tr>
+    <% end %>
+  </tfoot>
+</table>