solidus_starter_frontend 0.1.0

data/app/views/spree/components/forms/inputs/_radio_input.html.erb

@@ -0,0 +1,29 @@
+<%
+  base_class = "radio-input".freeze
+
+  # Optional props
+  checked = local_assigns.fetch(:checked, false)
+  disabled = local_assigns.fetch(:disabled, false)
+  id = local_assigns.fetch(:id, nil)
+  value = local_assigns.fetch(:value, nil)
+
+  # Classes
+  class_names = [base_class]
+  class_names = class_names.join(" ")
+%>
+
+<label
+  class="<%= class_names %>"
+  <% if id %>
+    for="<%= id %>"
+  <% end %>
+>
+  <%= radio_button_tag(
+    name,
+    value,
+    checked,
+    disabled: disabled,
+    id: id
+  ) %>
+  <%= label %>
+</label>

data/app/views/spree/components/forms/inputs/_select_input.html.erb

@@ -0,0 +1,31 @@
+<%
+  base_class = "select-input".freeze
+
+  # Optional props
+  disabled = local_assigns.fetch(:disabled, false)
+  id = local_assigns.fetch(:id, nil)
+  label = local_assigns.fetch(:label, false)
+  selected = local_assigns.fetch(:selected, nil)
+  classes = local_assigns.fetch(:classes, [])
+
+  # Classes
+  class_names = classes.push(base_class).join(" ")
+%>
+
+<div class="<%= class_names %>">
+  <% if label %>
+    <label
+      <% if id %>
+        for="<%= id %>"
+      <% end %>
+    >
+      <%= label %>:
+    </label>
+  <% end %>
+
+  <%= select_tag(
+    name,
+    options_for_select(options, selected),
+    disabled: disabled
+  ) %>
+</div>

data/app/views/spree/components/forms/inputs/_text.html.erb

@@ -0,0 +1,54 @@
+<%
+  base_class = "text-input".freeze
+
+  # Optional props
+  autocomplete = local_assigns.fetch(:autocomplete, false)
+  autofocus = local_assigns.fetch(:autofocus, false)
+  id = local_assigns.fetch(:id, false)
+  disabled = local_assigns.fetch(:disabled, false)
+  label = local_assigns.fetch(:label, false)
+  min = local_assigns.fetch(:min, false)
+  placeholder = local_assigns.fetch(:placeholder, false)
+  required = local_assigns.fetch(:required, false)
+  small = local_assigns.fetch(:small, false)
+  type = local_assigns.fetch(:type, :text)
+  value = local_assigns.fetch(:value, '')
+
+  # Classes
+  class_names = [base_class]
+  class_names.push("#{base_class}--small") if small
+  class_names = class_names.join(" ")
+%>
+
+<div class="<%= class_names %>">
+  <% if label %>
+    <label
+      <% if id %>
+        for="<%= id %>"
+      <% end %>
+    >
+      <%= label %>:
+    </label>
+  <% end %>
+
+  <input
+    name="<%= name %>"
+    type="<%= type %>"
+    value="<%= value %>"
+    <% if autocomplete%>
+      autocomplete="<%= autocomplete %>"
+    <% end %>
+    <% if id %>
+      id="<%= id %>"
+    <% end %>
+    <% if min %>
+      min="<%= min %>"
+    <% end %>
+    <% if placeholder %>
+      placeholder="<%= placeholder %>"
+    <% end %>
+    <%= autofocus ? "autofocus" : "" %>
+    <%= disabled ? "disabled" : "" %>
+    <%= required ? "required" : "" %>
+  >
+</div>

data/app/views/spree/components/forms/inputs/_textarea_input.html.erb

@@ -0,0 +1,42 @@
+<%
+  base_class = "textarea-input".freeze
+
+  # Optional props
+  autofocus = local_assigns.fetch(:autofocus, false)
+  id = local_assigns.fetch(:id, false)
+  disabled = local_assigns.fetch(:disabled, false)
+  label = local_assigns.fetch(:label, false)
+  placeholder = local_assigns.fetch(:placeholder, false)
+  required = local_assigns.fetch(:required, false)
+  value = local_assigns.fetch(:value, '')
+
+  # Classes
+  class_names = [base_class]
+  class_names = class_names.join(" ")
+%>
+
+<div class="<%= class_names %>">
+  <% if label %>
+    <label
+      <% if id %>
+        for="<%= id %>"
+      <% end %>
+    >
+      <%= label %>:
+    </label>
+  <% end %>
+
+  <textarea
+    name="<%= name %>"
+    value="<%= value %>"
+    <% if id %>
+      id="<%= id %>"
+    <% end %>
+    <% if placeholder %>
+      placeholder="<%= placeholder %>"
+    <% end %>
+    <%= autofocus ? "autofocus" : "" %>
+    <%= disabled ? "disabled" : "" %>
+    <%= required ? "required" : "" %>
+  ></textarea>
+</div>

data/app/views/spree/components/layout/_category_navigation.html.erb

@@ -0,0 +1,3 @@
+<div class="category-navigation">
+  <%= render partial: 'spree/components/navigation/categories' %>
+</div>

data/app/views/spree/components/layout/_footer.html.erb

@@ -0,0 +1,7 @@
+<footer class="footer">
+  <p>
+    <%= t 'spree.powered_by' %> <%= link_to 'Solidus', 'http://solidus.io/' %>
+  </p>
+
+  <%= render 'spree/components/navigation/locale_selector' %>
+</footer>

data/app/views/spree/components/layout/_header.html.erb

@@ -0,0 +1,8 @@
+<header class="header">
+  <div class="header__secondary-navigation">
+    <%= render partial: 'spree/components/layout/top_bar' %>
+  </div>
+  <div class="header__primary-navigation">
+    <%= render partial: 'spree/components/layout/category_navigation' %>
+  </div>
+</header>

data/app/views/spree/components/layout/_top_bar.html.erb

@@ -0,0 +1,8 @@
+<div class="top-bar">
+  <%= render partial: 'spree/components/brand/logo' %>
+  <div class="top-bar__search">
+    <%= render partial: 'spree/components/search/search_bar' %>
+  </div>
+  <%= render partial: 'spree/components/navigation/auth_link' %>
+  <%= render partial: 'spree/components/cart/cart_link' %>
+</div>

data/app/views/spree/components/navigation/_auth_link.html.erb

@@ -0,0 +1 @@
+<%# This is loaded from lib/views/auth folder if an authentication method is defined %>

data/app/views/spree/components/navigation/_breadcrumbs.html.erb

@@ -0,0 +1,47 @@
+<%
+  # Props
+  taxon = local_assigns.fetch(:taxon, nil)
+  separator = local_assigns.fetch(:separator, '&nbsp;&raquo;&nbsp;')
+  base_class = local_assigns.fetch(:base_class, nil)
+
+  # Methods
+  def breadcrumbs(taxon, separator, breadcrumb_class = 'inline')
+    return '' if current_page?('/') || taxon.nil?
+
+    crumbs = [[t('spree.home'), spree.root_path]]
+
+    crumbs << [t('spree.products'), products_path]
+    if taxon
+      crumbs += taxon.ancestors.collect { |ancestor| [ancestor.name, spree.nested_taxons_path(ancestor.permalink)] } unless taxon.ancestors.empty?
+      crumbs << [taxon.name, spree.nested_taxons_path(taxon.permalink)]
+    end
+
+    separator = raw(separator)
+
+    items = crumbs.each_with_index.collect do |crumb, index|
+      content_tag(:li, itemprop: 'itemListElement', itemscope: '', itemtype: 'https://schema.org/ListItem') do
+        link_to(crumb.last, itemprop: 'item') do
+          content_tag(:span, crumb.first, itemprop: 'name') + tag('meta', { itemprop: 'position', content: (index + 1).to_s }, false, false)
+        end + (crumb == crumbs.last ? '' : separator)
+      end
+    end
+
+    content_tag(
+      :nav,
+      content_tag(
+        :ol,
+        raw(items.map(&:mb_chars).join),
+        itemscope: '',
+        itemtype: 'https://schema.org/BreadcrumbList'),
+      class: breadcrumb_class
+    )
+  end
+%>
+
+<% breadcrumbs = breadcrumbs(taxon, separator, "#{base_class}__content") %>
+
+<% if breadcrumbs.present? %>
+  <div class="<%= base_class %>">
+    <%= breadcrumbs %>
+  </div>
+<% end %>

data/app/views/spree/components/navigation/_categories.html.erb

@@ -0,0 +1,12 @@
+<% categories = Spree::Taxonomy.includes(root: :children).first %>
+
+<nav class="categories">
+  <% cache [I18n.locale, categories, @taxon] do %>
+    <%= render(
+      'spree/components/navigation/taxons_tree',
+      root: categories.root,
+      current: @taxon,
+      depth: 1,
+      base_class: 'categories') if categories %>
+  <% end %>
+</nav>

data/app/views/spree/components/navigation/_locale_selector.html.erb

@@ -0,0 +1,25 @@
+<%
+  available_locales = current_store.available_locales.map do |locale|
+    [
+      I18n.t('spree.i18n.this_file_language',
+      locale: locale,
+      default: locale.to_s,
+      fallback: false), locale
+    ]
+  end.sort
+%>
+
+<% if available_locales.many? %>
+  <div class="locale-selector">
+    <%= form_tag spree.select_locale_path do %>
+      <%= render(
+        "spree/components/forms/inputs/select_input",
+        name: :switch_to_locale,
+        options: available_locales,
+        selected: I18n.locale,
+        label: I18n.t('spree.i18n.language'),
+        classes: ['locale-selector__select-input']
+      ) %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/components/navigation/_taxonomies.html.erb

@@ -0,0 +1,17 @@
+<% max_level = Spree::Config[:max_level_in_taxons_menu] || 1 %>
+
+<nav class="taxonomies">
+  <% cache [I18n.locale, taxonomies, max_level] do %>
+    <% taxonomies.each do |taxonomy| %>
+      <% cache [I18n.locale, taxonomy, @taxon, max_level] do %>
+        <%= render(
+          'spree/components/navigation/taxons_tree',
+          title: t('spree.shop_by_taxonomy', taxonomy: taxonomy.name),
+          root: taxonomy.root,
+          current: @taxon,
+          depth: max_level,
+          base_class: 'taxonomy') %>
+      <% end %>
+    <% end %>
+  <% end %>
+</nav>

data/app/views/spree/components/navigation/_taxons.html.erb

@@ -0,0 +1,17 @@
+<% max_level = Spree::Config[:max_level_in_taxons_menu] || 1 %>
+
+<nav class="taxonomies">
+  <%= link_to 'All', products_path %>
+  <% cache [I18n.locale, taxonomies, max_level] do %>
+    <% taxonomies.each do |taxonomy| %>
+      <% cache [I18n.locale, taxonomy, @taxon, max_level] do %>
+        <%= render(
+          'spree/components/navigation/taxons_tree',
+          root: taxonomy.root,
+          current: @taxon,
+          depth: max_level,
+          base_class: 'taxonomy') if taxonomy %>
+      <% end %>
+    <% end %>
+  <% end %>
+</nav>

data/app/views/spree/components/navigation/_taxons_tree.html.erb

@@ -0,0 +1,29 @@
+<%
+  # Props
+  title = local_assigns.fetch(:title, nil)
+  root = local_assigns.fetch(:root, nil)
+  current = local_assigns.fetch(:current, nil)
+  depth = local_assigns.fetch(:depth, 1)
+  base_class = local_assigns.fetch(:base_class, nil)
+
+  # Methods
+  def tree(root_taxon, current_taxon, base_class, max_level = 1)
+    return '' if max_level < 1 || root_taxon.children.empty?
+    content_tag :ul, class: base_class do
+      taxons = root_taxon.children.map do |taxon|
+        css_class = (current_taxon && current_taxon.self_and_ancestors.include?(taxon)) ? 'current' : nil
+        content_tag :li, class: css_class do
+         link_to(taxon.name, seo_url(taxon)) +
+           tree(taxon, current_taxon, nil, max_level - 1)
+        end
+      end
+      safe_join(taxons, "\n")
+    end
+  end
+%>
+
+<% taxons_list = tree(root, current, "#{base_class}__list", depth) %>
+<% if taxons_list.present? %>
+  <%= content_tag :h6, title, class: "#{base_class}__title" if title %>
+  <%= taxons_list %>
+<% end %>

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

@@ -0,0 +1,40 @@
+<div class="address-overview">
+  <h3 class="address-overview__title">
+    <%= title %>
+  </h3>
+
+  <%= link_to(
+    "[#{t('spree.actions.edit')}]",
+    checkout_state_path(:address),
+    { class: 'address-overview__edit' }
+  ) unless @order.completed? %>
+
+  <ul class="address-overview__info">
+    <li><%= address.full_name %></li>
+    <% unless address.company.blank? %>
+      <li><%= address.company %></li>
+    <% end %>
+    <li><%= address.address1 %></li>
+    <% unless address.address2.blank? %>
+      <li><%= address.address2 %></li>
+    <% end %>
+    <li>
+      <%= address.city %>
+      <%= address.state_text %>
+      <%= address.zipcode %>
+    </li>
+    <li><%= address.country.try(:name) %></li>
+    <% unless address.phone.blank? %>
+      <li>
+        <%= t('spree.phone') %>
+        <%= address.phone %>
+      </li>
+    <% end %>
+    <% unless address.alternative_phone.blank? %>
+      <li>
+        <%= t('spree.alternative_phone') %>
+        <%= address.alternative_phone %>
+      </li>
+    <% end %>
+  </ul>
+</div>

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

@@ -0,0 +1,22 @@
+<%= form_tag order_coupon_codes_path(@order), method: :post, class: "coupon-code" do %>
+  <div class="coupon-code__input">
+    <%= render(
+      'spree/components/forms/inputs/text',
+      id: 'order_coupon_code',
+      name: 'coupon_code',
+      placeholder: t("spree.coupon_code"),
+      required: true,
+      small: true
+    ) %>
+  </div>
+
+  <div class="coupon-code__action">
+    <%= render(
+      'spree/components/buttons/button_primary',
+      content: t('spree.apply_code'),
+      name: :commit,
+      small: true,
+      type: :submit
+    ) %>
+  </div>
+<% end %>

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

@@ -0,0 +1,55 @@
+<dl class="line-items" id="line-items">
+  <div>
+    <dt><%= t('spree.subtotal') %>:</dt>
+    <dd><%= order.display_item_total.to_html %></dd>
+  </div>
+
+  <% if order.line_item_adjustments.exists? %>
+    <% if order.line_item_adjustments.promotion.eligible.exists? %>
+      <div id="price-adjustments">
+        <% order.line_item_adjustments.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+          <dt><%= t('spree.promotion') %>:</dt>
+          <dd><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency) %></dd>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <div id="shipment-total">
+    <% order.shipments.group_by { |s| s.selected_shipping_rate.name }.each do |name, shipments| %>
+      <dt><%= t('spree.shipping') %> &mdash; <%= name %>:</dt>
+      <dd><%= Spree::Money.new(shipments.sum(&:total_before_tax), currency: order.currency).to_html %></dd>
+    <% end %>
+  </div>
+
+  <% if order.all_adjustments.tax.exists? %>
+    <div id="tax-adjustments">
+      <% order.all_adjustments.tax.group_by(&:label).each do |label, adjustments| %>
+        <dt><%= t('spree.tax') %> &mdash; <%= label %>:</dt>
+        <dd><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency) %></dd>
+      <% end %>
+    </div>
+  <% end %>
+
+  <% if order.total_applicable_store_credit > 0.0 %>
+    <div id="store-credit">
+      <dt><%= t('spree.store_credit.store_credit') %>:</dt>
+      <dd><%= order.display_total_applicable_store_credit.to_html %></dd>
+    </div>
+  <% end %>
+
+  <% order.adjustments.eligible.each do |adjustment| %>
+  <% next if (adjustment.source_type == 'Spree::TaxRate') and (adjustment.amount == 0) %>
+    <div id="order-charges">
+      <dt><%= adjustment.label %></dt>
+      <dd><%= adjustment.display_amount.to_html %></dd>
+    </div>
+  <% end %>
+
+  <div>
+    <dt><%= t('spree.order_total') %>:</dt>
+    <dd>
+      <strong><%= order.display_order_total_after_store_credit.to_html %></strong>
+    </dd>
+  </div>
+</dl>