solidus_starter_frontend 0.1.0

data/app/views/spree/components/buttons/_button_primary.html.erb

@@ -0,0 +1,29 @@
+<%
+  base_class = "button-primary".freeze
+
+  # Optional props
+  bordered = local_assigns.fetch(:bordered, false)
+  disabled = local_assigns.fetch(:disabled, false)
+  full_width = local_assigns.fetch(:full_width, false)
+  id = local_assigns.fetch(:id, nil)
+  name = local_assigns.fetch(:name, nil)
+  small = local_assigns.fetch(:small, false)
+  type = local_assigns.fetch(:type, 'button')
+
+  # Classes
+  class_names = [base_class]
+  class_names.push("#{base_class}--bordered") if bordered
+  class_names.push("#{base_class}--full-width") if full_width
+  class_names.push("#{base_class}--small") if small
+  class_names = class_names.join(" ")
+%>
+
+<%= button_tag(
+  class: class_names,
+  disabled: disabled,
+  id: id,
+  name: name,
+  type: type
+) do %>
+  <%= content %>
+<% end %>

data/app/views/spree/components/cart/_cart_adjustment.html.erb

@@ -0,0 +1,15 @@
+<%
+  type = local_assigns.fetch(:type, t('spree.adjustment'))
+  label = local_assigns.fetch(:label, '')
+
+  adjustments_sum = adjustments.sum(&:amount)
+%>
+
+<% if adjustments_sum != 0 %>
+  <%= render(
+    "spree/components/cart/cart_amount_row",
+    type: t('spree.tax'),
+    label: label,
+    amount: Spree::Money.new(adjustments_sum, currency: @order.currency)
+  ) %>
+<% end %>

data/app/views/spree/components/cart/_cart_adjustments.html.erb

@@ -0,0 +1,47 @@
+<div class="cart-adjustments" id="cart_adjustments">
+  <%= render(
+    "spree/components/cart/cart_amount_row",
+    type: t('spree.cart_subtotal', count: @order.line_items.sum(:quantity)),
+    amount: @order.display_item_total
+  ) %>
+
+  <% if @order.line_item_adjustments.exists? %>
+    <% @order.line_item_adjustments.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+      <% if adjustments.sum(&:amount) != 0 %>
+        <%= render(
+          "spree/components/cart/cart_adjustment",
+          type: t('spree.promotion'),
+          label: label,
+          adjustments: adjustments
+        ) %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <% @order.all_adjustments.tax.eligible.group_by(&:label).each do |label, adjustments| %>
+    <%= render(
+      "spree/components/cart/cart_adjustment",
+      type: t('spree.tax'),
+      label: label,
+      adjustments: adjustments
+    ) %>
+  <% end %>
+
+  <% @order.shipments.each do |shipment| %>
+    <%= render(
+      "spree/components/cart/cart_amount_row",
+      type: t('spree.shipping'),
+      label: shipment.shipping_method.name,
+      amount: shipment.display_total_before_tax
+    ) %>
+  <% end %>
+
+  <% @order.adjustments.eligible.group_by(&:label).each do |label, adjustments| %>
+    <%= render(
+      "spree/components/cart/cart_adjustment",
+      type: t('spree.adjustment'),
+      label: label,
+      adjustments: adjustments
+    ) %>
+  <% end %>
+</div>

data/app/views/spree/components/cart/_cart_amount_row.html.erb

@@ -0,0 +1,12 @@
+<%
+  type = local_assigns.fetch(:type, t('spree.adjustment'))
+  label = local_assigns.fetch(:label, '')
+%>
+
+<div class="cart-amount-row">
+  <dt>
+    <span class="cart-amount-row__type"><%= type %>:</span>
+    <span class="cart-amount-row__label"><%= label %></span>
+  </dt>
+  <dd class="cart-amount-row__amount"><%= amount %></dd>
+</div>

data/app/views/spree/components/cart/_cart_empty.html.erb

@@ -0,0 +1,9 @@
+<header class="cart-empty">
+  <h1 class="cart-empty__title">
+    <%= t('spree.your_cart_is_empty') %>
+  </h1>
+
+  <p class="cart-empty__action">
+    <%= link_to t('spree.continue_shopping'), products_path %>
+  </p>
+</header>

data/app/views/spree/components/cart/_cart_footer.html.erb

@@ -0,0 +1,15 @@
+<footer class="cart-footer">
+  <p class="cart-footer__total">
+    <%= t('spree.total') %>: <strong><%= order.display_total %></strong>
+  </p>
+
+  <div class="cart-footer__primary-action">
+    <%= render(
+      'spree/components/buttons/button_primary',
+      content: I18n.t('spree.checkout'),
+      id: 'checkout-link',
+      name: :checkout,
+      type: :submit
+    ) %>
+  </div>
+</footer>

data/app/views/spree/components/cart/_cart_header.html.erb

@@ -0,0 +1,17 @@
+<header class="cart-header">
+  <h1 class="cart-header__title">
+    <%= t('spree.shopping_cart') %>
+  </h1>
+
+  <div class="cart-header__actions">
+    <%= render(
+      'spree/components/buttons/button_primary',
+      bordered: true,
+      content: t("spree.update"),
+      id: 'update-button',
+      name: :button,
+      small: true,
+      type: :submit
+    ) %>
+  </div>
+</header>

data/app/views/spree/components/cart/_cart_item.html.erb

@@ -0,0 +1,52 @@
+<% variant = line_item.variant %>
+
+<%= order_form.fields_for :line_items, line_item do |item_form| %>
+  <article class="cart-item">
+    <div class="cart-item__image">
+      <%= link_to(
+        render(
+          'spree/shared/image',
+          image: variant.gallery.images.first || variant.product.gallery.images.first,
+          size: :small
+        ),
+        variant.product
+      ) %>
+    </div>
+
+    <section class="cart-item__info">
+      <%= render(
+        'spree/components/cart/item_info',
+        line_item: line_item,
+        variant: variant
+      ) %>
+    </section>
+
+    <div class="cart-item__price-single">
+      <%= line_item.single_money.to_html %>
+    </div>
+
+    <div class="cart-item__quantity">
+      <%= render(
+        'spree/components/forms/inputs/text',
+        id: "order_line_items_attributes_#{item_form.options[:child_index]}_quantity",
+        min: 0,
+        name: "order[line_items_attributes][#{item_form.options[:child_index]}][quantity]",
+        type: :number,
+        value: line_item.quantity
+      ) %>
+    </div>
+
+    <div class="cart-item__price">
+      <strong><%= line_item.display_amount.to_html unless line_item.quantity.nil? %></strong>
+    </div>
+
+    <div class="cart-item__remove">
+      <%= submit_tag(
+        'Remove',
+        class: 'delete',
+        id: "delete_#{dom_id(line_item)}",
+        data: { disable_with: 'Remove' }
+      ) %>
+    </div>
+  </article>
+<% end %>

data/app/views/spree/components/cart/_cart_items.html.erb

@@ -0,0 +1,23 @@
+<%
+  order = order_form.object
+
+  is_order_empty = (
+    order.adjustments.nonzero.exists? ||
+    order.line_item_adjustments.nonzero.exists? ||
+    order.shipment_adjustments.nonzero.exists? ||
+    order.shipments.any?
+  )
+%>
+
+<section class="cart-items">
+  <%= render(
+    partial: 'spree/components/cart/cart_item',
+    collection: order.line_items,
+    as: :line_item,
+    locals: { order_form: order_form }
+  ) %>
+
+  <% if is_order_empty %>
+    <%= render 'spree/components/cart/cart_adjustments' %>
+  <% end %>
+</section>

data/app/views/spree/components/cart/_cart_link.html.erb

@@ -0,0 +1,9 @@
+<div class="cart-link" id="link-to-cart">
+  <noscript>
+    <%= link_to t('spree.cart'), spree.cart_path %>
+  </noscript>
+</div>
+
+<script>
+  Solidus.fetch_cart('<%= j spree.cart_link_path %>')
+</script>

data/app/views/spree/components/cart/_cart_secondary_actions.html.erb

@@ -0,0 +1,17 @@
+<div class="cart-secondary-actions">
+  <div class="cart-secondary-actions__continue">
+    <%= link_to t('spree.continue_shopping'), products_path %>
+  </div>
+
+  <div class="cart-secondary-actions__empty">
+    <%= form_tag empty_cart_path, method: :put do %>
+      <%= render(
+        'spree/components/buttons/button_inline',
+        content: t('spree.empty_cart'),
+        name: :commit,
+        small: true,
+        type: :submit
+      ) %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/components/cart/_item_info.html.erb

@@ -0,0 +1,26 @@
+<%
+  # Optional props
+  stock_info = local_assigns.fetch(:stock_info, true)
+%>
+
+<div class="item-info">
+  <h2 class="item-info__name">
+    <%= link_to line_item.name, product_path(variant.product) %>
+  </h2>
+
+  <p class="item-info__options">
+    <%= variant.options_text %>
+  </p>
+
+  <% if stock_info && line_item.insufficient_stock? %>
+    <p class="item-info__stock">
+      <%= t('spree.out_of_stock') %>
+    </p>
+  <% end %>
+
+  <p class="item-info__description">
+    <%= variant.product.description.nil? ||  variant.product.description.empty? ?
+      t('spree.product_has_no_description') :
+      truncated_product_description(variant.product) %>
+  </p>
+</div>

data/app/views/spree/components/checkout/_checkout_header.html.erb

@@ -0,0 +1,8 @@
+<header class="checkout-header">
+  <h1 class="checkout-header__title">
+    <%= t('spree.checkout') %>
+  </h1>
+  <div class="checkout-header__steps">
+    <%= checkout_progress %>
+  </div>
+</header>

data/app/views/spree/components/checkout/_checkout_step.html.erb

@@ -0,0 +1,21 @@
+<%
+  form_url = update_checkout_path(@order.state)
+  form_html = { id: "checkout_form_#{@order.state}" }
+%>
+
+<%= form_for @order, url: form_url, html: form_html do |form| %>
+  <% if @order.state == "address" || !@order.email? %>
+    <%= render(
+      "spree/components/forms/inputs/text",
+      id: :order_email,
+      label: "Customer E-Mail",
+      name: "order[email]",
+      placeholder: "name@example.com",
+      required: true,
+      type: :email,
+      value: @order.email
+    ) %>
+  <% end %>
+
+  <%= render "spree/components/checkout/steps/#{@order.state}_step", form: form %>
+<% end %>

data/app/views/spree/components/checkout/_checkout_summary.html.erb

@@ -0,0 +1,70 @@
+<section class="checkout-summary" id="checkout-summary">
+  <h2 class="checkout-summary__title">
+    <%= t('spree.order_summary') %>
+  </h2>
+
+  <dl>
+    <div class="checkout-summary__entry" id="item-total">
+      <dt><%= t('spree.item_total') %>:</dt>
+      <dd><%= order.display_item_total.to_html %></dd>
+    </div>
+
+    <% if order.line_item_adjustments.nonzero.exists? %>
+      <% order.line_item_adjustments.nonzero.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+        <div class="checkout-summary__entry">
+          <dt><%= label %></dt>
+          <dd><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency).to_html %></dd>
+        </div>
+      <% end %>
+    <% end %>
+
+    <% order.all_adjustments.nonzero.tax.eligible.group_by(&:label).each do |label, adjustments| %>
+      <div class="checkout-summary__entry">
+        <dt><%= label %></dt>
+        <dd><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency).to_html %></dd>
+      </div>
+    <% end %>
+
+    <% if order.passed_checkout_step?("delivery") && order.shipments.any? %>
+      <div class="checkout-summary__entry">
+        <dt><%= t('spree.shipping_total') %>:</dt>
+        <dd><%= Spree::Money.new(order.shipments.to_a.sum(&:cost), currency: order.currency).to_html %></dd>
+      </div>
+
+      <% if order.shipment_adjustments.nonzero.exists? %>
+        <% order.shipment_adjustments.nonzero.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+          <div class="checkout-summary__entry">
+            <dt><%= label %>:</dt>
+            <dd><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency).to_html %></dd>
+          </div>
+        <% end %>
+      <% end %>
+    <% end %>
+
+    <% if order.adjustments.nonzero.eligible.exists? %>
+      <div class="checkout-summary__entry" id="summary-order-charges">
+        <% order.adjustments.nonzero.eligible.each do |adjustment| %>
+        <% next if (adjustment.source_type == 'Spree::TaxRate') and (adjustment.amount == 0) %>
+          <dt><%= adjustment.label %>:</dt>
+          <dd><%= adjustment.display_amount.to_html %></dd>
+        <% end %>
+      </div>
+    <% end %>
+
+    <% if order.total_applicable_store_credit > 0.0 %>
+      <div class="checkout-summary__entry">
+        <dt><%= t('spree.store_credit.store_credit') %>:</dt>
+        <dd><%= order.display_total_applicable_store_credit.to_html %></dd>
+      </div>
+    <% end %>
+
+    <div class="checkout-summary__total">
+      <dt><%= t('spree.order_total') %>:</dt>
+      <dd><%= order.display_order_total_after_store_credit.to_html %></dd>
+    </div>
+  </dl>
+
+  <% if order.state == 'payment' %>
+    <%= render 'spree/components/orders/coupon_code' %>
+  <% end %>
+</section>

data/app/views/spree/components/checkout/_existing_cards.html.erb

@@ -0,0 +1,39 @@
+<div class="existing-cards">
+  <ul class="existing-cards__options">
+    <li>
+      <%= render(
+        'spree/components/forms/inputs/radio_input',
+        checked: true,
+        id: 'use_existing_card_yes',
+        label: t('spree.use_existing_cc'),
+        name: "use_existing_card",
+        value: 'yes'
+      ) %>
+    </li>
+    <li>
+      <%= render(
+        'spree/components/forms/inputs/radio_input',
+        id: 'use_existing_card_no',
+        label: t('spree.use_new_cc_or_payment_method'),
+        name: "use_existing_card",
+        value: 'no'
+      ) %>
+    </li>
+  </ul>
+
+  <ul class="existing-cards__cards" id="existing_cards">
+    <% wallet_payment_sources.each do |wallet_payment_source| %>
+      <li id="<%= dom_id(wallet_payment_source, 'spree')%>">
+        <%=
+          render(
+            partial: "spree/checkout/existing_payment/#{wallet_payment_source.payment_source.payment_method.partial_name}",
+            locals: {
+              wallet_payment_source: wallet_payment_source,
+              default: wallet_payment_source == @default_wallet_payment_source,
+            }
+          )
+        %>
+      </li>
+    <% end %>
+  </ul>
+</div>

data/app/views/spree/components/checkout/_payment_method_controls.html.erb

@@ -0,0 +1,10 @@
+<ul class="payment-method-controls">
+  <% methods.each do |method| %>
+    <li id="payment_method_<%= method.id %>">
+      <%= render(
+        "spree/checkout/payment/#{method.partial_name}",
+        payment_method: method
+      ) %>
+    </li>
+  <% end %>
+</ul>