harpiya_frontend 4.3.0.alpha

data/app/views/harpiya/shared/cms/sections/_product_carousel.html.erb

@@ -0,0 +1,5 @@
+<div class="col-12">
+  <% if section.linked_resource %>
+    <div data-product-carousel-taxon-id='<%= section.linked_resource.id %>' class="my-3"></div>
+  <% end %>
+</div>

data/app/views/harpiya/shared/cms/sections/_rich_text_content.html.erb

@@ -0,0 +1,3 @@
+<div class="col-12">
+  <%= raw section.rte_content %>
+</div>

data/app/views/harpiya/shared/cms/sections/_side_by_side_images.html.erb

@@ -0,0 +1,118 @@
+<% if section.gutters? %>
+  <% section_one_padding = 'pr-md-2' %>
+  <% section_two_padding = 'pl-md-2' %>
+  <% if section.fullscreen? %>
+    <% section_one_padding = 'px-3 pr-md-2' %>
+    <% section_two_padding = 'px-3 pl-md-2' %>
+  <% end %>
+<% else %>
+  <% if section.fullscreen? %>
+    <% section_one_padding = 'px-0' %>
+    <% section_two_padding = 'px-0' %>
+  <% else %>
+    <% section_one_padding = 'pr-md-0' %>
+    <% section_two_padding = 'pl-md-0' %>
+  <% end %>
+<% end %>
+
+<% if section.link_one.present? && section.link_type_one == 'Harpiya::Taxon' %>
+  <% link_one = harpiya.nested_taxons_path(section.link_one) %>
+<% elsif section.link_one.present? && section.link_type_one == 'Harpiya::Product' %>
+  <% link_one = harpiya.product_path(section.link_one) %>
+<% else %>
+  <% link_one = nil %>
+<% end %>
+
+<% if section.link_two.present? && section.link_type_two == 'Harpiya::Taxon' %>
+  <% link_two = harpiya.nested_taxons_path(section.link_two) %>
+<% elsif section.link_two.present? && section.link_type_two == 'Harpiya::Product' %>
+  <% link_two = harpiya.product_path(section.link_two) %>
+<% else %>
+  <% link_two = nil %>
+<% end %>
+
+<div class="col-12 col-md-6 mb-3 mb-md-0 <%= section_one_padding %>">
+  <%= link_to link_one,
+              class: "d-flex align-items-end justify-content-center bg-light text-center overflow-hidden homepage-bottom-box #{'pointer-events-none cursor-default' unless link_one}",
+              style: '--aspect-ratio:54/35;' do %>
+
+      <% if section.image_one.attached? %>
+        <!-- XS to MD -->
+        <img class="d-md-none lazyload"
+          data-src="<%= main_app.url_for(section.image_one.attachment.variant(resize: '387x250>')) %>"
+          data-srcset="<%= main_app.url_for(section.image_one.attachment.variant(resize: '387x250>')) %>"
+          alt="<%= section&.title_one %>">
+
+        <!-- MD to XL -->
+        <img class="d-none d-md-block d-xl-none lazyload"
+          data-src="<%= main_app.url_for(section.image_one.attachment.variant(resize: '734x476>')) %>"
+          data-srcset="<%= main_app.url_for(section.image_one.attachment.variant(resize: '734x476>')) %>"
+          alt="<%= section&.title_one %>">
+
+        <!-- XL UP -->
+        <img class="d-none d-xl-block lazyload"
+          data-src="<%= main_app.url_for(section.image_one.attachment.variant(resize: '1468x952>')) %>"
+          data-srcset="<%= main_app.url_for(section.image_one.attachment.variant(resize: '1468x952>')) %>"
+          alt="<%= section&.title_one %>">
+       <% else %>
+        <%= icon( name: 'card-image',
+                  classes: 'text-black-50',
+                  width: 26,
+                  height: 26) %>
+       <% end %>
+
+       <% if section.title_one.present? || section.subtitle_one.present? %>
+        <div class="homepage-bottom-box-inner p-1 p-sm-2 p-md-4 homepage-hpb" role="img" aria-label="New Collection">
+          <div class="homepage-bottom-box-inner-small-text">
+            <%= section&.title_one %>
+          </div>
+          <div class="homepage-bottom-box-inner-big-text">
+            <%= section.subtitle_one %>
+          </div>
+        </div>
+      <% end %>
+  <% end %>
+</div>
+
+<div class="col-12 col-md-6 <%= section_two_padding %>">
+  <%= link_to link_two,
+              class: "d-flex align-items-end justify-content-center bg-light text-center overflow-hidden homepage-bottom-box #{'pointer-events-none cursor-default' unless link_two}",
+              style: '--aspect-ratio:54/35;' do %>
+
+      <% if section.image_two.present? %>
+        <!-- XS to MD -->
+          <img class="d-md-none lazyload"
+            data-src="<%= main_app.url_for(section.image_two.attachment.variant(resize: '387x250>')) %>"
+            data-srcset="<%= main_app.url_for(section.image_two.attachment.variant(resize: '387x250>')) %>"
+            alt="<%= section&.title_two %>">
+
+        <!-- MD to XL -->
+          <img class="d-none d-md-block d-xl-none lazyload"
+            data-src="<%= main_app.url_for(section.image_two.attachment.variant(resize: '734x476>')) %>"
+            data-srcset="<%= main_app.url_for(section.image_two.attachment.variant(resize: '734x476>')) %>"
+            alt="<%= section&.title_two %>">
+
+        <!-- XL UP -->
+          <img class="d-none d-xl-block lazyload"
+            data-src="<%= main_app.url_for(section.image_two.attachment.variant(resize: '1468x952>')) %>"
+            data-srcset="<%= main_app.url_for(section.image_two.attachment.variant(resize: '1468x952>')) %>"
+            alt="<%= section&.title_two %>">
+       <% else %>
+        <%= icon( name: 'card-image',
+                  classes: 'text-black-50',
+                  width: 26,
+                  height: 26) %>
+       <% end %>
+
+       <% if section.title_two.present? || section.subtitle_two.present? %>
+        <div class="homepage-bottom-box-inner p-1 p-sm-2 p-md-4 homepage-hpb" role="img" aria-label="New Collection">
+          <div class="homepage-bottom-box-inner-small-text">
+            <%= section&.title_two %>
+          </div>
+          <div class="homepage-bottom-box-inner-big-text">
+            <%= section.subtitle_two %>
+          </div>
+        </div>
+      <% end %>
+  <% end %>
+</div>

data/app/views/harpiya/taxons/_header.html.erb

@@ -0,0 +1,19 @@
+<% cache [base_cache_key, taxon, 'header'] do %>
+  <div class="py-md-3 text-uppercase taxon-title">
+    <%= @taxon.name %>
+  </div>
+  <% unless @taxon.description.blank? %>
+    <div class="py-3 py-md-0 taxon-description"><%= @taxon.description %></div>
+  <% end %>
+  <% if @taxon.icon&.attachment %>
+    <div class="d-none d-md-block pt-4 taxon-icon">
+      <%= lazy_image(
+        src: main_app.url_for(@taxon.icon.attachment),
+        alt: @taxon.description || Harpiya.t('taxon_missing_alt'),
+        width: 1110,
+        height: 300,
+        class: 'w-100'
+      ) %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/harpiya/taxons/_subcategories.html.erb

@@ -0,0 +1,29 @@
+<% cache([base_cache_key, taxon, 'subcategories', permitted_product_params]) do %>
+  <% subcategories = [taxon] %>
+  <% unless taxon.children.any? %>
+    <% subcategories.unshift(taxon.parent) %>
+  <% end %>
+  <% subcategories.compact.each do |current_taxon| %>
+    <% child_taxons = [current_taxon, *current_taxon.children.where(hide_from_nav: false)] %>
+    <% if current_taxon.level > 0 && child_taxons.size > 1 %>
+      <div class="d-flex justify-content-center position-sticky sticky-top-90px taxon-subcategories-wrapper">
+        <div class="py-1 text-uppercase d-none d-xl-flex overflow-x taxon-subcategories">
+          <% child_taxons.each_with_index.map do |subcategory, index| %>
+            <%=
+              link_to_unless subcategory == taxon,
+                            index.zero? ? Harpiya.t(:all) : subcategory.name,
+                            harpiya.nested_taxons_path(subcategory, params: permitted_product_params),
+                            class: "pt-4 pb-2 mb-2 #{index.zero? ? '' : 'pl-4 pt-4 pb-2'}" do
+            %>
+              <div class="pt-4 mb-2 <%= index.zero? ? '' : 'pl-4' %>">
+                <span class="pb-2 taxon-subcategories-selected">
+                  <%= index.zero? ? Harpiya.t(:all) : subcategory.name %>
+                </span>
+              </div>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/harpiya/taxons/product_carousel.html.erb

@@ -0,0 +1,5 @@
+<p class="font-weight-bold text-center homepage-carousel-text text-uppercase">
+  <%= @taxon.name %>
+</p>
+
+<%= render 'harpiya/shared/carousel_4_products', id: @taxon.permalink, products: @products %>

data/app/views/harpiya/taxons/show.html.erb

@@ -0,0 +1,10 @@
+<div class="taxon">
+  <div class="container">
+    <%= harpiya_breadcrumbs(@taxon) %>
+    <%= render 'header', taxon: @taxon %>
+  </div>
+  <%= render 'subcategories', taxon: @taxon %>
+  <div data-hook="taxon_products">
+    <%= render template: 'harpiya/products/index', colors: @colors, sizes: @sizes %>
+  </div>
+</div>

data/app/views/harpiya/users/_address.html.erb

@@ -0,0 +1,17 @@
+<address class="mb-0 col-12">
+  <% if address.label&.present? %>
+    <h4 class="m-0 truncate"><%= address.label %></h4>
+  <% end %>
+  <span class="account-page-user-full-name">
+    <%= address.full_name %>
+  </span>
+  <div>
+    <%= "#{address.address1} #{address.address2}" %>,
+  </div>
+  <div>
+    <%= "#{address.city}, #{address.state_text} #{address.zipcode}" %>,
+  </div>
+  <div>
+    <%= address.country.name %>
+  </div>
+</address>

data/app/views/harpiya/users/_address_controls.html.erb

@@ -0,0 +1,10 @@
+<%= link_to(harpiya.edit_address_path(address), method: :get, class: 'ml-1 d-inline-block', data: { hook: 'edit_address' }) do %>
+  <%= inline_svg_tag('edit.svg', width: 24, height: 24) %>
+<% end %>
+
+<%= link_to '#', class: 'js-delete-address-link ml-3', data: { turbolinks: false, hook: 'remove_address', address: harpiya.address_path(address) }, aria: { label: Harpiya.t('address_book.remove_address') } do %>
+    <%= icon(name: 'garbage_2',
+             classes: '',
+             width: 24,
+             height: 24) %>
+<% end %>

data/app/views/harpiya/users/edit.html.erb

@@ -0,0 +1,11 @@
+<div class="col-lg-6 offset-lg-3 mb-5">
+  <h3 class="harpiya-mb-large harpiya-mt-large harpiya-header"><%= Harpiya.t(:editing_user) %></h3>
+  <%= render partial: 'harpiya/shared/error_messages', locals: { target: @user } %>
+
+  <%= form_for Harpiya.user_class.new, as: @user, url: harpiya.user_path(@user), method: :put do |f| %>
+    <%= render partial: 'harpiya/shared/user_form', locals: { f: f, remember_me_field: false } %>
+    <div>
+      <%= f.submit Harpiya.t(:update), class: 'btn btn-lg btn-block btn-primary text-uppercase font-weight-bold' %>
+    </div>
+  <% end %>
+</div>

data/app/views/harpiya/users/show.html.erb

@@ -0,0 +1,81 @@
+<div class="container account-page">
+  <h3 class="text-uppercase harpiya-mb-large harpiya-mt-large harpiya-header"><%= accurate_title %></h3>
+
+  <div class="row">
+    <div class="col-xs-12 col-lg-4">
+      <dt class="text-uppercase account-page-user-info-item-title">
+        <%= Harpiya.t(:account_info) %>
+          <%= link_to harpiya.edit_user_path(@user), class: "account-page-user-info-item-title-edit" do %>
+          <%= inline_svg_tag('edit.svg', width: 27.6, height: 24) %>
+        <% end %>
+      </dt>
+      <dd class="account-page-user-info-item-definition"><%= @user.email %></dd>
+
+      <div class="d-lg-inline-block account-page-user-info-item-store-credits">
+        <p class="my-0 text-uppercase text-center">
+          <%= Harpiya.t(:store_credit_name) %>: <b class="account-page-user-info-item-store-credits-amount"><%= Harpiya::Money.new(@user.total_available_store_credit(current_currency), currency: current_currency).to_s.gsub('.00', '') %></b>
+        </p>
+      </div>
+    </div>
+    <div class="col-xs-12 col-lg-8 mt-sm-5 mt-lg-0">
+      <h4 class="mb-3"><%= link_to Harpiya.t(:add_new_address), harpiya.new_address_path, method: :get %></h4>
+      <div class="row">
+        <% @user.addresses.each_with_index do |address, index| %>
+          <div class="col-12 col-sm-6 mb-3">
+            <% index += 1 %>
+            <% if index % 3 == 0 %>
+              <div class="account-page-user-info-item my-4"></div>
+            <% end %>
+            <div class="row">
+              <div class="col-8 col-lg-6">
+                <%= render "harpiya/users/address", address: address %>
+              </div>
+              <div class="col">
+                <%= render "harpiya/users/address_controls", address: address %>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <div data-hook="account_my_orders" class="account-page-orders" id="account-my-orders">
+    <h3 class="text-uppercase harpiya-mb-medium harpiya-mt-medium harpiya-header"><%= Harpiya.t(:my_orders) %></h3>
+    <% if @orders.present? %>
+      <table>
+        <thead class="active">
+          <tr>
+            <th class="text-uppercase text-secondary account-page-order-number"><%= Harpiya::Order.human_attribute_name(:number) %></th>
+            <th class="text-uppercase text-secondary account-page-order-date"><%= Harpiya.t(:date) %></th>
+            <th class="text-uppercase text-secondary account-page-order-status"><%= Harpiya.t(:status) %></th>
+            <th class="text-uppercase text-secondary account-page-order-payment-state"><%= Harpiya.t(:payment_state) %></th>
+            <th class="text-uppercase text-secondary account-page-order-shipment-state"><%= Harpiya.t(:shipment_state) %></th>
+            <th class="text-uppercase text-secondary account-page-order-total"><%= Harpiya.t(:total) %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @orders.each do |order| %>
+            <tr>
+              <td class="account-page-order-number"><%= link_to order.number, harpiya.order_path(order), class: "text-primary" %></td>
+              <td class="account-page-order-date"><%= l order.completed_at.to_date %></td>
+              <td class="account-page-order-status"><%= Harpiya.t("order_state.#{order.state}").titleize %></td>
+              <td class="account-page-order-payment-state"><%= Harpiya.t("payment_states.#{order.payment_state}").titleize if order.payment_state %></td>
+              <td class="account-page-order-shipment-state"><%= Harpiya.t("shipment_states.#{order.shipment_state}").titleize if order.shipment_state %></td>
+              <td class="account-page-text-primary account-page-order-total account-page-lead"><%= order.display_total %></td>
+              <td class="account-page-arrow-container" data-order-path="<%= harpiya.order_path(order) %>">
+                <%= link_to '', harpiya.order_path(order), { class: "account-page-order-arrow" } %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    <% else %>
+      <p class="text-center"><%= Harpiya.t(:you_have_no_orders_yet) %></p>
+    <% end %>
+    <br>
+  </div>
+  <div id="delete-address-popup" class="delete-address-popup-dropdown hide-on-esc">
+    <%= render 'harpiya/shared/delete_address_popup' %>
+  </div>
+</div>

data/app/views/kaminari/twitter-bootstrap-4/_first_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "First" page
+  - available local variables
+    url:           url to the first page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.first? %>
+  <li class="first page-item">
+    <%= link_to_unless current_page.first?, inline_svg_tag('pagination-double-arrow-right.svg', size: '13px*16px', class: 'harpiya-icon-arrow-left'), url, remote: remote, class: 'page-link', 'aria-label': 'First page' %>
+  </li>
+<% end %>

data/app/views/kaminari/twitter-bootstrap-4/_gap.html.erb

@@ -0,0 +1,12 @@
+<%# Non-link tag that stands for skipped pages...
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<li class="page gap disabled page-item d-none d-lg-flex">
+  <a href="#" onclick="return false;" class="page-link">
+    <%= raw(t 'views.pagination.truncate') %>
+  </a>
+</li>

data/app/views/kaminari/twitter-bootstrap-4/_last_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Last" page
+  - available local variables
+    url:           url to the last page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.last? %>
+  <li class="last next page-item"><%# "next" class present for border styling in twitter bootstrap %>
+    <%= link_to_unless current_page.last?, inline_svg_tag('pagination-double-arrow-right.svg', size: '13px*16px'), url, remote: remote, class: 'page-link', 'aria-label': 'Last page' %>
+  </li>
+<% end %>

data/app/views/kaminari/twitter-bootstrap-4/_next_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Next" page
+  - available local variables
+    url:           url to the next page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.last? %>
+  <li class="next_page page-item">
+    <%= link_to_unless current_page.last?, inline_svg_tag('pagination-arrow-right.svg', size: '13px*16px'), url, rel: 'next', remote: remote, class: 'page-link', 'aria-label': 'Next page' %>
+  </li>
+<% end %>

data/app/views/kaminari/twitter-bootstrap-4/_page.html.erb

@@ -0,0 +1,18 @@
+<%# Link showing page number
+  - available local variables
+    page:          a page object for "this" page
+    url:           url to this page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<li class="page<%= ' active' if page.current? %> page-item">
+  <%= link_to page,
+    url,
+    opts = {
+      remote: remote,
+      rel: page.next? ? 'next' : page.prev? ? 'prev' : nil,
+      class: 'page-link'
+    } %>
+</li>

data/app/views/kaminari/twitter-bootstrap-4/_paginator.html.erb

@@ -0,0 +1,25 @@
+<%# The container tag
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+    paginator:     the paginator that renders the pagination tags inside -%>
+
+<% pagination_class ||= '' %>
+
+<%= paginator.render do %>
+  <ul class="pagination mt-4 <%= pagination_class %>">
+    <%= first_page_tag unless current_page.first? %>
+    <%= prev_page_tag unless current_page.first? %>
+    <% each_page do |page| %>
+      <% if page.left_outer? || page.right_outer? || page.inside_window? %>
+        <%= page_tag page %>
+      <% elsif !page.was_truncated? %>
+        <%= gap_tag %>
+      <% end %>
+    <% end %>
+    <%= next_page_tag unless current_page.last? %>
+    <%= last_page_tag unless current_page.last? %>
+  </ul>
+<% end %>

data/app/views/kaminari/twitter-bootstrap-4/_prev_page.html.erb

@@ -0,0 +1,13 @@
+<%# Link to the "Previous" page
+  - available local variables
+    url:           url to the previous page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote -%>
+
+<% unless current_page.first? %>
+  <li class="prev page-item">
+    <%= link_to_unless current_page.first?, inline_svg_tag('pagination-arrow-right.svg', size: '13px*16px', class: 'harpiya-icon-arrow-left'), url, rel: 'prev', remote: remote, class: 'page-link', 'aria-label': 'Previous page' %>
+  </li>
+<% end %>