solidus_starter_frontend 0.1.0

data/app/views/spree/components/orders/_order_details.html.erb

@@ -0,0 +1,35 @@
+<div class="order-details">
+  <div class="order-details__info">
+    <% if order.has_checkout_step?("address") %>
+      <%= render(
+        'spree/components/orders/address_overview',
+        address: order.bill_address,
+        title: t('spree.billing_address')
+      ) %>
+    <% end %>
+
+    <% if order.has_checkout_step?("delivery") %>
+      <%= render(
+        'spree/components/orders/address_overview',
+        address: order.ship_address,
+        title: t('spree.shipping_address')
+      ) %>
+
+      <%= render(
+        'spree/components/orders/order_shipments',
+        order: order,
+        title: t('spree.shipments')
+      ) %>
+    <% end %>
+
+    <% if order.has_checkout_step?("payment") %>
+      <%= render(
+        'spree/components/orders/payment_info',
+        order: order
+      ) %>
+    <% end %>
+  </div>
+
+  <%= render 'spree/components/orders/order_items', order: order %>
+  <%= render 'spree/components/orders/line_items', order: order %>
+</div>

data/app/views/spree/components/orders/_order_item.html.erb

@@ -0,0 +1,33 @@
+<article class="order-item">
+  <div class="order-item__image">
+    <%= link_to(
+      render(
+        'spree/shared/image',
+        image: item.variant.gallery.images.first || item.variant.product.gallery.images.first,
+        size: :small
+      ),
+      item.variant.product
+    ) %>
+  </div>
+
+  <section class="order-item__info">
+    <%= render(
+      'spree/components/cart/item_info',
+      line_item: item.variant.product,
+      stock_info: false,
+      variant: item.variant
+    ) %>
+  </section>
+
+  <div class="order-item__price-single">
+    <%= item.single_money.to_html %>
+  </div>
+
+  <div class="order-item__quantity">
+    &#10005;<%= item.quantity %>
+  </div>
+
+  <div class="order-item__price">
+    <strong><%= item.display_amount.to_html %></strong>
+  </div>
+</article>

data/app/views/spree/components/orders/_order_items.html.erb

@@ -0,0 +1,5 @@
+<section class="order-items">
+  <% order.line_items.each do |item| %>
+    <%= render 'spree/components/orders/order_item', item: item %>
+  <% end %>
+</section>

data/app/views/spree/components/orders/_order_shipments.html.erb

@@ -0,0 +1,25 @@
+<div class="order-shipments">
+  <h3 class="order-shipments__title">
+    <%= title %>
+  </h3>
+
+  <%= link_to(
+    "[#{t('spree.actions.edit')}]",
+    checkout_state_path(:delivery),
+    { class: 'order-shipments__edit' }
+  ) unless @order.completed? %>
+
+  <ul class="order-shipments__info">
+    <% order.shipments.each do |shipment| %>
+      <li>
+        <%= t(
+          'spree.shipment_details',
+          stock_location: shipment.stock_location.name,
+          shipping_method: shipment.selected_shipping_rate.name
+        ) %>
+      </li>
+    <% end %>
+  </ul>
+
+  <%= render 'spree/shared/shipment_tracking', order: order if order.shipped? %>
+</div>

data/app/views/spree/components/orders/_payment_info.html.erb

@@ -0,0 +1,31 @@
+<div class="payment-info">
+  <h3 class="payment-info__title">
+    <%= t('spree.payment_information') %>
+  </h3>
+
+  <%= link_to(
+    "[#{t('spree.actions.edit')}]",
+    checkout_state_path(:payment),
+    { class: 'payment-info__edit' }
+  ) unless @order.completed? %>
+
+  <% order.payments.valid.each do |payment| %>
+    <% source = payment.source %>
+
+    <% if source.is_a?(Spree::CreditCard) %>
+      <ul class="payment-info__info">
+        <li>
+          <% if source.last_digits %>
+            <%= t('spree.ending_in') %> <%= source.last_digits %>
+          <% end %>
+        </li>
+        <li><%= source.name %></li>
+      </ul>
+    <% elsif source.is_a?(Spree::StoreCredit) %>
+      <%= content_tag(:p, payment.payment_method.name) %>:
+      <%= content_tag(:p, payment.display_amount) %>
+    <% else %>
+      <%= content_tag(:p, payment.payment_method.name) %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/spree/components/presentation/_hero.html.erb

@@ -0,0 +1,14 @@
+<section class="hero">
+  <div class="hero__container">
+    <div class="hero__message">
+      <%= render(
+        "spree/components/typography/hero_title",
+        content: "A free, open-source ecommerce platform that gives you complete control over your store."
+      ) %>
+      <%= render(
+        "spree/components/typography/subtitle",
+        content: "Running a high-volume online business isn’t easy – but it doesn’t have to be a headache, either."
+      ) %>
+    </div>
+  </div>
+</section>

data/app/views/spree/components/products/_product-card.html.erb

@@ -0,0 +1,36 @@
+<%
+  base_class = "product-card".freeze
+
+  # Classes
+  class_names = [base_class]
+  class_names = class_names.join(" ")
+
+  url = spree.product_path(product, taxon_id: @taxon.try(:id))
+  cached = @taxon.present? ?
+    [I18n.locale, current_pricing_options, @taxon, product] :
+    [I18n.locale, current_pricing_options, product]
+  product_id = "product_#{product.id}"
+%>
+
+<% cache cached do %>
+  <li class=<%= class_names %> itemscope itemtype="http://schema.org/Product" id=<%= product_id %>>
+    <article>
+      <section class="product-card_image">
+        <%= link_to render('spree/shared/image', image: product.gallery.images.first, size: :small, itemprop: "image"), url, itemprop: 'url' %>
+      </section>
+      <header class="product-card_header">
+        <h2>
+          <%= link_to truncate(product.name, length: 50), url, class: 'info', itemprop: "name", title: product.name %>
+        </h2>
+      </header>
+      <section class="product-card_price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+        <% if price = product.price_for(current_pricing_options) %>
+          <span class="price selling" itemprop="price" content="<%= price.to_d %>">
+            <%= price.to_html %>
+          </span>
+        <% end %>
+        <span itemprop="priceCurrency" content="<%= current_pricing_options.currency %>"></span>
+      </section>
+    </article>
+  </li>
+<% end %>

data/app/views/spree/components/products/_product_availability.html.erb

@@ -0,0 +1,19 @@
+<%
+  base_class = "product-availability".freeze
+
+  # Classes
+  class_names = [base_class]
+  class_names = class_names.join(" ")
+%>
+
+<% if product.master.can_supply? %>
+  <link itemprop="availability" href="http://schema.org/InStock" />
+<% elsif product.variants.empty? %>
+  <span
+    class="<%= class_names %>"
+    itemprop="availability"
+    href="http://schema.org/OutOfStock"
+  >
+    <%= t('spree.out_of_stock') %>
+  </span>
+<% end %>

data/app/views/spree/components/products/_product_form.html.erb

@@ -0,0 +1,21 @@
+<%
+  schema_properties = {
+    itemprop: 'offers',
+    itemscope: true,
+    itemtype: 'http://schema.org/Offer'
+  }
+%>
+
+<%= form_for :order, url: populate_orders_path, html: schema_properties do |f| %>
+  <%= render 'spree/components/products/product_variants' %>
+
+  <% if @product.price_for(current_pricing_options) and !@product.price.nil? %>
+    <%= render 'spree/components/products/product_submit' %>
+  <% else %>
+    <div id="product-price">
+      <p class="price selling" itemprop="price">
+        <%= t('spree.product_not_available_in_this_currency') %>
+      </p>
+    </div>
+  <% end %>
+<% end %>

data/app/views/spree/components/products/_product_image.html.erb

@@ -0,0 +1,6 @@
+<picture class="product-image">
+  <%= render 'spree/shared/image',
+    image: defined?(image) && image || @product.gallery.images.first,
+    size: :product,
+    itemprop: "image" %>
+</picture>

data/app/views/spree/components/products/_product_info.html.erb

@@ -0,0 +1,9 @@
+<header class="product-info">
+  <h1 class="product-info__title" itemprop="name">
+    <%= @product.name %>
+  </h1>
+
+  <p class="product-info__description" itemprop="description">
+    <%= product_description(@product) rescue t('spree.product_has_no_description') %>
+  </p>
+</header>

data/app/views/spree/components/products/_product_promotions.html.erb

@@ -0,0 +1,25 @@
+<% promotions = @product.possible_promotions %>
+
+<% if promotions.any? %>
+  <section class="product-promotions">
+    <h2><%= t('spree.promotions') %></h2>
+
+    <% promotions.each do |promotion| %>
+      <article>
+        <header>
+          <h3><%= promotion.name %></h3>
+        </header>
+
+        <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 %>
+      </article>
+    <% end %>
+  <section>
+<% end %>

data/app/views/spree/components/products/_product_properties.html.erb

@@ -0,0 +1,19 @@
+<% unless @product_properties.empty? %>
+  <section class="product-properties">
+    <h2 class="product-properties__title">
+      <%= t('spree.properties')%>
+    </h2>
+
+    <table class="product-properties__table">
+      <tbody>
+        <% @product_properties.each do |product_property| %>
+          <tr>
+            <td><%= product_property.property.presentation %></td>
+            <td><%= product_property.value %></td>
+          </tr>
+        <% end %>
+        <% reset_cycle('properties') %>
+      </tbody>
+    </table>
+  </section>
+<% end %>

data/app/views/spree/components/products/_product_submit.html.erb

@@ -0,0 +1,39 @@
+<div class="product-submit" id="product-price">
+  <h2 class="product-submit__title">
+    <span
+      class="price selling"
+      itemprop="price"
+      content="<%= @product.price_for(current_pricing_options).to_d %>"
+    >
+      <%= display_price(@product) %>
+    </span>
+    <span
+      itemprop="priceCurrency"
+      content="<%= current_pricing_options.currency %>"
+    ></span>
+  </h2>
+
+  <%= render 'spree/components/products/product_availability', product: @product %>
+
+  <div class="horizontal-input-group">
+    <div class="horizontal-input-group__input">
+      <%= render(
+        "spree/components/forms/inputs/text",
+        id: :quantity,
+        min: 1,
+        name: :quantity,
+        type: :number,
+        value: 1
+      ) %>
+    </div>
+    <div class="horizontal-input-group__action">
+      <%= render(
+        'spree/components/buttons/button_primary',
+        content: t('spree.add_to_cart'),
+        id: 'add-to-cart-button',
+        name: :button,
+        type: :submit
+      ) %>
+    </div>
+  </div>
+</div>

data/app/views/spree/components/products/_product_taxons.html.erb

@@ -0,0 +1,15 @@
+<% if !@product.taxons.blank? %>
+  <section class="product-taxons">
+    <h2 class="product-taxons__title">
+      <%= t('spree.look_for_similar_items') %>
+    </h2>
+
+    <ul class="product-taxons__list">
+      <% @product.taxons.each do |taxon| %>
+        <li>
+          <%= link_to taxon.name, seo_url(taxon) %>
+        </li>
+      <% end %>
+    </ul>
+  </section>
+<% end %>

data/app/views/spree/components/products/_product_thumbnails.html.erb

@@ -0,0 +1,19 @@
+<% if @product.gallery.images.size > 1 %>
+  <ul class="product-thumbnails">
+    <% @product.gallery.images.each do |image| %>
+      <% next if image.viewable_id != @product.master.id %>
+      <li>
+        <%= link_to(image_tag(image.url(:mini)), image.url(:product)) %>
+      </li>
+    <% end %>
+
+    <% if @product.has_variants? %>
+      <% @product.gallery.images.each do |image| %>
+        <% next if image.viewable_id == @product.master.id %>
+        <li>
+          <%= link_to(image_tag(image.url(:mini)), image.url(:product)) %>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+<% end %>

data/app/views/spree/components/products/_product_variants.html.erb

@@ -0,0 +1,36 @@
+<%
+  variants = @product.variants_and_option_values_for(current_pricing_options)
+%>
+
+<% if variants.any? %>
+  <section class="product-variants" id="product-variants">
+    <h2 class="product-variants__title">
+      <%= t('spree.variants') %>
+    </h2>
+
+    <ul class="product-variants__list">
+      <% variants.each_with_index do |variant, index| %>
+        <li>
+          <%= radio_button_tag(
+            'variant_id',
+            variant.id,
+            index == 0,
+            'data-price' => variant.price_for(current_pricing_options)
+          ) %>
+
+          <%= label_tag "variant_id_#{ variant.id }" do %>
+            <%= variant_options variant %>
+            <% if variant_price variant %>
+              <span class="price diff"><%= variant_price variant %></span>
+            <% end %>
+            <% unless variant.can_supply? %>
+              <span class="out-of-stock"><%= t('spree.out_of_stock') %></span>
+            <% end %>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </section>
+<% else %>
+  <%= hidden_field_tag "variant_id", @product.master.id %>
+<% end %>

data/app/views/spree/components/products/_products-grid.html.erb

@@ -0,0 +1,13 @@
+<%
+  base_class = "products-grid".freeze
+
+  # Classes
+  class_names = [base_class]
+  class_names = class_names.join(" ")
+%>
+
+<ul class=<%= class_names %>>
+  <% products.each do |product| %>
+    <%= render 'spree/components/products/product-card', product: product %>
+  <% end %>
+</ul>

data/app/views/spree/components/products/_products.html.erb

@@ -0,0 +1,28 @@
+<%
+  paginated_products = @searcher.retrieve_products if params.key?(:keywords)
+  paginated_products ||= products
+%>
+
+<% content_for :head do %>
+  <% if paginated_products.respond_to?(:total_pages) %>
+    <%= rel_next_prev_link_tags paginated_products %>
+  <% end %>
+<% end %>
+
+<% if products.empty? %>
+  <h2 class="products__results-title">
+    <%= t('spree.no_products_found') %>
+  </h2>
+<% elsif params.key?(:keywords) %>
+  <h1 class="products__results-title">
+    <%= t('spree.search_results', keywords: h(params[:keywords])) %>
+  </h1>
+<% end %>
+
+<% if products.any? %>
+  <%= render 'spree/components/products/products-grid', products: products %>
+<% end %>
+
+<% if paginated_products.respond_to?(:total_pages) %>
+  <%= paginate paginated_products %>
+<% end %>