spree_frontend 2.0.0.rc1

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

@@ -0,0 +1,14 @@
+<thead>
+  <tr data-hook="cart_adjustments_headers">
+    <th class="cart-adjustment-header" colspan="6"><%= Spree.t(:order_adjustments) %></th>
+  </tr>
+</thead>
+<tbody id="cart_adjustments" data-hook>
+  <% @order.adjustments.eligible.each do |adjustment| %>
+    <tr>
+      <td colspan="4"><%= adjustment.label %></td>
+      <td><%= adjustment.display_amount.to_html %></td>
+      <td></td>
+    </tr>
+  <% end %>
+</tbody>

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

@@ -0,0 +1,18 @@
+<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @order } %>
+<table id="cart-detail" data-hook>
+  <thead>
+    <tr 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>
+    <%= order_form.fields_for :line_items do |item_form| %>
+      <%= render :partial => 'line_item', :locals => { :variant => item_form.object.variant, :line_item => item_form.object, :item_form => item_form } %>
+    <% end %>
+  </tbody>
+  <%= render "spree/orders/adjustments" unless @order.adjustments.eligible.blank? %>
+</table>

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

@@ -0,0 +1,31 @@
+<tr class="<%= cycle('', 'alt') %> 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 variant.product.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 %>
+    <%= line_item_description(variant) %>
+  </td>
+  <td class="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 => "line_item_quantity", :size => 5 %>
+  </td>
+  <td class="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>

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

@@ -0,0 +1,48 @@
+<% @body_id = 'cart' %>
+
+<h1><%= Spree.t(:shopping_cart) %></h1>
+
+<% if @order.line_items.empty? %>
+
+  <div data-hook="empty_cart">
+    <p><%= Spree.t(:your_cart_is_empty) %></p>
+    <p><%= link_to Spree.t(:continue_shopping), products_path, :class => 'button continue' %></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 id="subtotal" data-hook class="columns sixteen alpha omega">
+          <h5><%= Spree.t(:subtotal) %>: <span class="order-total"><%= @order.display_total.to_html %></span></h5>
+        </div>
+
+        <div class="links columns sixteen alpha omega" data-hook="cart_buttons">
+          <%= order_form.text_field :coupon_code, :size => 10, :placeholder => Spree.t(:coupon_code) %>
+          <%= button_tag :class => 'primary', :id => 'update-button' do %>
+            <%= Spree.t(:update) %>
+          <% end %>
+          <%= button_tag :class => 'button checkout primary', :id => 'checkout-link', :name => 'checkout' do %>
+            <%= Spree.t(:checkout) %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <div id="empty-cart" data-hook>
+    <%= form_tag empty_cart_path, :method => :put do %>
+      <p id="clear_cart_link" data-hook>
+        <%= submit_tag Spree.t(:empty_cart), :class => 'button gray' %>
+        <%= Spree.t(:or) %>
+        <%= link_to Spree.t(:continue_shopping), products_path, :class => 'continue button gray' %>
+      </p>
+    <% end %>
+  </div>
+
+<% end %>

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

@@ -0,0 +1,9 @@
+<% @body_id = 'cart' %>
+
+<h1><%= Spree.t(:shopping_cart) %></h1>
+
+<%= form_for @order, :url =>'#', :method => :put do |order_form| %>
+  <%= render :partial => 'form', :locals => { :order_form => order_form } %>
+<% end %>
+
+<p><%= link_to Spree.t(:continue_shopping), products_path %></p>

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

@@ -0,0 +1,22 @@
+<fieldset id="order_summary" data-hook>
+  <legend align="center"><%= Spree.t(:order) + " #" + @order.number %></legend>
+  <h1><%= accurate_title %></h1>
+
+  <div id="order" data-hook>
+    <% if params.has_key? :checkout_complete %>
+      <h1><%= Spree.t(:thank_you_for_your_order) %></h1>
+    <% end %>
+    <%= render :partial => 'spree/shared/order_details', :locals => { :order => @order } %>
+
+    <br class="clear" />
+
+    <p data-hook="links">
+      <%= link_to Spree.t(:back_to_store), spree.root_path, :class => "button" %>
+      <% unless params.has_key? :checkout_complete %>
+        <% if try_spree_current_user && respond_to?(:spree_account_path) %>
+          <%= link_to Spree.t(:my_account), spree_account_path, :class => "button" %>
+        <% end %>
+      <% end %>
+    </p>
+  </div>
+</fieldset>

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

@@ -0,0 +1,48 @@
+<%= form_for :order, :url => populate_orders_path do |f| %>
+  <div 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="columns five alpha">
+        <h6 class="product-section-title"><%= Spree.t(:variants) %></h6>
+        <ul>
+          <% @product.variants_and_option_values(current_currency).each_with_index do |variant, index| %>
+            <li>
+              <%= radio_button_tag "products[#{@product.id}]", variant.id, index == 0, 'data-price' => variant.price_in(current_currency).display_price %>
+              <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="columns five <% if !@product.has_variants? %> alpha <% else %> omega <% end %>">
+        
+        <div id="product-price">
+          <h6 class="product-section-title"><%= Spree.t(:price) %></h6>
+          <div><span class="price selling" itemprop="price"><%= display_price(@product) %></span></div>
+        </div>
+
+        <div class="add-to-cart">
+          <%= number_field_tag (@product.variants_and_option_values.any? ? :quantity : "variants[#{@product.master.id}]"),
+            1, :class => 'title', :min => 1 %>
+          <%= button_tag :class => 'large primary', :id => 'add-to-cart-button', :type => :submit do %>
+            <%= Spree.t(:add_to_cart) %>
+          <% 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/_image.html.erb

@@ -0,0 +1,5 @@
+<% if image %> 
+  <%= image_tag image.attachment.url(:product), :itemprop => "image" %>
+<% else %>
+  <%= product_image(@product, :itemprop => "image") %>
+<% 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>
+      <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? %>  
+  <h6 class="product-section-title"><%= Spree.t('properties')%></h6>
+  <table id="product-properties" class="table-display" 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="alpha columns five omega">
+    <h6 class="product-section-title"><%= Spree.t(:look_for_similar_items) %></h6>
+
+    <div data-hook="product_taxons">
+      <ul id="similar_items_by_taxon" data-hook>
+      <% @product.taxons.each do |taxon| %>
+        <li><%= 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 inline" data-hook>
+    <% @product.images.each do |i| %>
+      <li class='tmb-all' id='tmb-<%= i.id %>'>
+        <%= link_to(image_tag(i.attachment.url(:mini)), i.attachment.url(:product), :class => 'tmb-all', :id => "tmb-#{i.id}") %>
+      </li>
+    <% end %>
+
+    <% if @product.has_variants? %>
+      <% @product.variant_images.each do |i| %>
+        <% next if @product.images.include?(i) %>
+        <li class='vtmb' id='tmb-<%= i.id %>'>
+          <%= link_to(image_tag(i.attachment.url(:mini)), i.attachment.url(:product)) %>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+<% end %>

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

@@ -0,0 +1,27 @@
+<% content_for :sidebar do %>
+  <div data-hook="homepage_sidebar_navigation">
+    <% if "spree/products" == params[:controller] && @taxon %>
+      <%= render :partial => 'spree/shared/filters' %>
+    <% else %>
+      <%= render :partial => 'spree/shared/taxonomies' %>
+    <% end %>
+  </div>
+<% end %>
+
+
+<% if params[:keywords] %>
+
+  <div data-hook="search_results">
+    <% if @products.empty? %>
+      <h6 class="search-results-title"><%= Spree.t(:no_products_found) %></h6>
+    <% else %>
+      <%= render :partial => 'spree/shared/products', :locals => { :products => @products, :taxon => @taxon } %>
+    <% end %>
+  </div>
+
+<% else %>
+
+  <div data-hook="homepage_products">
+    <%= render :partial => 'spree/shared/products', :locals => { :products => @products, :taxon => @taxon } %>
+  </div>
+<% end %>

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

@@ -0,0 +1,49 @@
+<div data-hook="product_show" itemscope itemtype="http://schema.org/Product">
+  <% @body_id = 'product-details' %>
+
+  <div class="columns six alpha" data-hook="product_left_part">
+    <div class="row" data-hook="product_left_part_wrap">
+
+      <div id="product-images" data-hook="product_images">
+        <div id="main-image" data-hook>
+          <%= render :partial => 'image' %>
+        </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="columns ten omega" data-hook="product_right_part">
+    <div class="row" data-hook="product_right_part_wrap">
+
+      <div id="product-description" data-hook="product_description">
+
+        <h1 class="product-title" itemprop="name"><%= accurate_title %></h1>
+
+        <div 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/_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">
+        <h6 class="filter-title"> <%= filter[:name] %> </h6>
+        <ul class="filter_choices">
+          <% labels.each do |nm,val| %>
+            <% label = "#{filter[:name]}_#{nm}".gsub(/\s+/,'_') %>
+            <li class="nowrap">
+              <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 %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,6 @@
+<footer id="footer" class="sixteen columns" data-hook>
+  <div id="footer-left" class="columns alpha eight" data-hook>
+    <p><%= Spree.t :powered_by  %> <%= link_to 'Spree', 'http://spreecommerce.com/' %></p>
+  </div>
+  <div id="footer-right" class="columns omega eight" data-hook></div>
+</footer>

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

@@ -0,0 +1,39 @@
+<% if tracker = Spree::Tracker.current %>
+
+  <%= javascript_tag do %>
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', '<%= tracker.analytics_id %>']);
+    _gaq.push(['_trackPageview']);
+
+    <% if flash[:commerce_tracking] && @order.present? %>
+      <%# more info: https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiEcommerce %>
+      _gaq.push(['_addTrans',
+        "<%= j @order.number %>",
+        "",
+        "<%= @order.total %>",
+        "<%= @order.adjustments.tax.sum(:amount) %>",
+        "<%= @order.adjustments.shipping.sum(:amount) %>",
+        "<%= j @order.bill_address.city %>",
+        "<%= j @order.bill_address.state_text %>",
+        "<%= j @order.bill_address.country.name %>"
+      ]);
+      <% @order.line_items.each do |line_item| %>
+        _gaq.push(['_addItem',
+          "<%= j @order.number %>",
+          "<%= j line_item.variant.sku %>",
+          "<%= j line_item.variant.product.name %>",
+          "",
+          "<%= line_item.price %>",
+          "<%= line_item.quantity %>"
+        ]);
+      <% end %>
+      _gaq.push(['_trackTrans']);
+    <% end %>
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = '//google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  <% end %>
+<% end %>

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

@@ -0,0 +1,14 @@
+<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 %>
+<%= favicon_link_tag image_path('favicon.ico') %>
+<%= stylesheet_link_tag 'store/all', :media => 'screen' %>
+<%= csrf_meta_tags %>
+<%= javascript_include_tag 'store/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 %>